<select name="" id="" v-model="selected" @change="changeIndex(indexs)">
<option v-for="(item, index) in lists" :key="index" :value="getText(item,index)" :indexs="index">{{item.name}}</option>
</select>
<div>Select: {{selected.name}}</div>
data里面的内容:

最重要的一句话:
created() {
this.selected = this.lists[0].name;
}
本文详细介绍了在Vue.js中实现下拉选择组件的方法,包括如何使用v-model双向绑定,@change事件处理以及v-for循环渲染选项。通过具体代码示例,读者可以了解如何初始化选中项并实时更新选中值。
976

被折叠的 条评论
为什么被折叠?



