Vue中如何使用v-model实现下拉列表的动态绑定？

本文共计401个文字，预计阅读时间需要2分钟。

Vue要绑定下拉列表会涉及到微小的不同。因为下拉列表不是一个可操作的标签，所以不能直接像处理复选框那样操作。原始的HTML写法如下：

Vue.js React.js Angular

vue要绑定下拉列表会稍微有点不同。

因为下拉列表不是一个标签能搞掂的。

原生的html写法如下

<select> <option value="Vue.js">Vue.js</option> <option value="React.js">React.js</option> <option value="Angular.js">Angular.js</option> </select>

通常下拉列表会用到两个标签， <select> 和 <option> 。

在Vue中要绑定，需要把 v-model 写在 select 标签里。