Question

我已迁移到VueJS 2，现在，Chrome正在告诉我：

selected="{{ associationId==association.value }}"：已移除内部属性内插。改为使用v-bind或冒号。例如，使用<div id="{{ val }}">。
代替<div :id="val">
<select v-model="associationSelected">：使用v-model时，<option>上的内联选定属性将被忽略。改为在组件的数据选项中声明初始值。

表达式无效：:selected="item.list=={{ federationId==federation.value }}"

以下是代码：

<div class="form-group">
    <label for="association_id" class="text-bold">Asociacion</label>

    <select name="association_id" v-model="associationSelected" id="association_id"
            class="form-control" v-on:change="getClubs(associationSelected)">
    <option v-for="association in associations" v-bind:value="association.value"
            selected="{{ associationId==association.value }}">
        {{ association.text }}
    </option>
    </select>
</div>

消息非常明确，但当我尝试使用:select时，我得到了

表达式无效：:selected="item.list=={{ federationId==federation.value }}"

我应该改变什么？

Answer 1

我认为v-bind:selected="associationId == association.value"应该有用

- selected =＆＃34; {{associationId == association.value}}＆＃34;：已移除内部属性内插。改为使用v-bind或冒号

1 个答案: