vue 移动端如何获取ul列表中每项的id

 我来答
匿名用户
2018-10-23
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id='app'>
<ul>
<li v-for="(item,index) in list" :key="index" @click="dianji(index)">{{item.name}}</li>
</ul>
</div>
<script>
var vm = new Vue({
el:'#app',
data(){
return{
list:[
{name:'zjq',age:'18',meth:'男'},
{name:'ljp',age:'17',meth:'男'},
{name:'zyl',age:'18',meth:'女'},
]
}
},
methods: {
dianji(index){
console.log(index);
}
}
})
</script>
</body>
<兄仔/羡扮汪html>
不知道 是缺衡不是你想要的结果 点击每个li 标签 打印当前选中li的id
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式