Question

我有一个嵌入了内部组件的应用。应用程序在过滤器ID上调用。我有一个名为minTotalSpent的数据元素。目前，这在应用程序中包含“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"

    >

Answer 1

根据@ thanksd的答案进行详细说明。

使用任何组件时，在这里使用vue-slider组件，如果使用v-min =“...”或：min =“...”，则v-min或：min的值在javascript中表达式，你不能在javascript表达式中使用mustaches。

当谈到任何元素上的id等html属性时，你应该使用v-bind。

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

点击此处了解更多相关信息：https://vuejs.org/v2/guide/syntax.html#Attributes

如何在Vue中将变量插入到嵌套组件中？

1 个答案: