设置 <select> 的值而不使用 'v-model'

Question

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

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

对于<input>该道具是绑定value，但<select>它似乎并没有被记录任何地方。我正在寻找要绑定的正确道具的名称。

Answer 1

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

我认为您在查看此处的文档后问了这个问题，该文档展示了定义所选项目的优雅方式。

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

实际上，我怀疑是否有 v-bind 道具执行这样的操作，因为它value是inputand 的一个属性option，但selected不是 ofselect的属性而是of的属性，option而且我在select.

另外，在浏览了 Vue.js 的源代码之后，我没有看到 vue 在绑定属性（代码here和here）而不是将值推v-bind入元素attrs列表方面做了很多工作。

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

另一方面，select似乎是 v-model 中的一个特例（请参阅此处的代码）。
所以，我公司提供的解决方案通过结合在注释selected来选择，而不是select。