Vue.js 如何将变量插入Vue中的嵌套组件中？

我有一个内置组件的应用程序。在筛选器id上调用应用程序。我有一个名为MinTotalSpunt的数据元素。目前，该应用程序中包含“3”。页面上的第一个位置将正确显示。但是，当我尝试将其作为变量传递到vue slider中时，它不喜欢它，并向律师发出“无效表达式”警告，并且不遵守最小值

<div id="filter">
  <form id="search">
    Search <input name="query" v-model="searchQuery">
  </form>
  {{minTotalSpent}}
  <div class="filter-container-slider">
    <vue-slider
    :min="{{minTotalSpent}}"
    :max="42"
    :value="2"

    >

搜寻
{{mintotalspunt}}

只是根据@thanksd的回答进行详细说明

在使用任何组件时，此处的vue滑块组件，如果使用v-min=“…”或：min=“…”，则v-min或：min的值在javascript表达式中，并且不能在javascript表达式中使用胡须

当涉及到任何元素上的id等html属性时，您应该使用v-bind

<div v-bind:id="dynamicId"></div>

---

在这里阅读更多关于他们的信息：

就像@thanksd所说的那样。因为只要使用

：

，Vue就知道引号中的是表达式，所以不使用双大括号。