选择组件的V模型

时间:2017-11-12 20:12:55

标签: vuejs2

在Vue中,我们可以在select组件中以两种方式绑定数据,如下所示:

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

我们的Vue代码是:

new Vue({
  el: '...',
  data: {
    selected: 'A',
    options: [
      { text: 'One', value: 'A' },
      { text: 'Two', value: 'B' },
      { text: 'Three', value: 'C' }
    ]
  }
})

此处v-model属性适用于选项的值。

对于该选项的text属性是否有任何相同的方法。

换句话说,是否有任何方法适用于OneTwoThree值。

0 个答案:

没有答案