如何通过下拉列表切换数组中的元素
0
悬赏园豆：10
[已解决问题]
解决于 2019-05-16 10:25
有这样的一个数组：
[
{ name : zhangsan, age : 24, tel : 110 },
{ name : lisi, age : 20, tel: 120 },
{ name : wangwu, age : 21, tel : 119 },
]表格中只能显示一行数据，name列是一个下拉列表，选择下拉列表中的某一个（例如选择了lisi），后面两列也需要变成lisi的数据。
Vue.js可以完成这个功能吗？如何做呢？
最佳答案
0
<select v-model="selectedIndex">
<option v-for="item, i in lists" :value="i">{{item.name}}</option>
</select>
<p>{{lists[selectedIndex].age}} {{lists[selectedIndex].tel}}</p>
selectedIndex: 0,
lists: []
收获园豆：10
感谢