vue怎么获取option的自定义属性
展开全部
假设有一个标签h5,
我们给它添加了一个自定义属性值,(item.id是从动态添加的)
点击h5
标签,如何才能获取当前对应的自定义属性值呢?
想当然的我最开始这样写:
<h5
class="left
t-title"
@click='getDataId'
:data-id="item.id"></h5><script>
methods:
{
getDataId()
{
console.log(this.data-id);
}
},
</script>
显然,这样是拿不到
data-id的值的。。。。
应该这样做:
<h5
class="left
t-title"
@click='getDataId(item.id)'
:data-id="item.id"></h5><script>
methods:
{
getDataId(id)
{
console.log(id);
}
},
</script>
我们给它添加了一个自定义属性值,(item.id是从动态添加的)
点击h5
标签,如何才能获取当前对应的自定义属性值呢?
想当然的我最开始这样写:
<h5
class="left
t-title"
@click='getDataId'
:data-id="item.id"></h5><script>
methods:
{
getDataId()
{
console.log(this.data-id);
}
},
</script>
显然,这样是拿不到
data-id的值的。。。。
应该这样做:
<h5
class="left
t-title"
@click='getDataId(item.id)'
:data-id="item.id"></h5><script>
methods:
{
getDataId(id)
{
console.log(id);
}
},
</script>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询