vue要绑定的下拉列表会略有不同。
因为下拉列表不能由标签处理。
原生html编写如下
选择选项值=' vue . js ' vue.js/option选项值=' react . js ' react.js/option选项值=' angular . js ' angular.js/option/select通常,下拉列表使用两个标签,选择和选项。
要在Vue中绑定,需要在select标记中写入v-model。
代码如下
模板div id='app '选择v-model=' selectcurriculum '选项v-for='(课程,索引)在课程' :key=' index ' { {课程表} }/option/select span { { selectcurriculum } }/span/div/templatescript export default { name : ' app ',data(){ return { select curriculum : ' react.js ',课程: ['vue.js ',' react . js ',' angular.js。
选择课程提供初始值。
每次选择一个选项,选择课程的数据会相应更新。
摘要
以上是边肖介绍的Vue表单的v型绑定下拉列表。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!如果你觉得这篇文章对你有帮助,请转载,请注明出处,谢谢!