vue.js - 在不使用 'v-model' 的情况下设置 <select> 的值

Question

我想要类似下面的 Vue 模板，但它不适用于属性 selectedVal .正确的属性名称是什么？

<select :selectedVal="myList" multiple>
  <option value="abc">ABC</option>
</select>

对于 <input>要绑定(bind)的 Prop 是 value , 但对于 <select>它似乎没有在任何地方记录。我正在寻找要绑定(bind)的正确 Prop 的名称。

Answer 1

我回答是因为很难在评论中引用代码片段。

我想你是在查看文档 here 后问这个问题的，它展示了一种定义所选项目的优雅方式。

<select v-model="selected">
  <option v-for="option in options" v-bind:value="option.value">
    {{ option.text }}
  </option>
</select>

实际上，我怀疑是否有一个 v-bind prop 像这样执行，因为 value is an attribute of input and option , 但是 selected is not an attribute of select but an attribute of option 我在 select 中找不到任何替代品.

此外，在浏览了 Vue.js 的源代码之后，我没有看到 vue 在绑定(bind)属性(代码 here 和 here )方面做了很多事情，而不是推送 v-bind 的值。进入元素的 attrs列表。

export function addAttr (el: ASTElement, name: string, value: string) {
  (el.attrs || (el.attrs = [])).push({ name, value })
}

另一方面，select似乎是 v-model 中的一个特例(参见代码 here )。
所以，我提供了the solution在评论中通过绑定(bind)selected选项而不是 select .