javascript - - 选择 ="{{ associationId==association.value }}": Interpolation inside attributes has been removed. 使用 v-bind 或冒号简写

Question

我迁移到了 VueJS 2，现在 Chrome 告诉我:

• selected="{{ associationId==association.value }}": Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead. For example, instead of <div id="{{ val }}">, use <div :id="val">.
• <select v-model="associationSelected">: inline selected attributes on <option> will be ignored when using v-model. Declare initial values in the component's data option instead.
• invalid expression: :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 时，我明白

invalid expression: :selected="item.list=={{ federationId==federation.value }}"

我应该改变什么？

Answer 1

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