首页新闻找找看学习计划

如何通过下拉列表切换数组中的元素

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可以完成这个功能吗?如何做呢?

Vue
darknessplus的主页 darknessplus | 初学一级 | 园豆:141
提问于:2019-05-15 17:22
< >
分享
最佳答案
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
by.Genesis | 小虾三级 |园豆:1519 | 2019-05-16 10:17

感谢

darknessplus | 园豆:141 (初学一级) | 2019-05-16 10:25
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册