vue 移动端如何获取ul列表中每项的id
展开全部
<!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
<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
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
