vue中v-for循环设置自定义属性

Question

<li v-for="(item, index) in result.list" :key="index" :data-id="item.id" @click="goList($event)"> 

v-for是这样设置自定义属性吗？
那自定义属性的只怎么获取呢，我要进行跳转

Answer 1

你是需要在goList()里面传参么？直接goList(item.id)不行么？你这个写法像微信小程序

Answer 2

是这样设置的,获取的话传参数可以
<li v-for="(item, index) in result.list" :key="index" :data-id="item.id" @click="goList($event,item.id)">

在goList里获取也可以

    goList:function(event){
        console.log(event.currentTarget.getAttribute("data-id"));
    }

Answer 3

<li v-for="(item, index) in result.list" :key="index" @click="goList(item.id)">

methods: {
    goList: function(itemId){
        console.log(itemId);
    }
}