美文网首页
vue中自定义属性和获取自定义属性

vue中自定义属性和获取自定义属性

作者: glassUp | 来源:发表于2022-04-10 14:37 被阅读0次

项目中源码如下

<a href="javascript:" :data-categoryName='c1.categoryName' :data-category1Id='c1.categoryId'>{{c1.categoryName}}</a>
<a href="javascript:" :data-categoryName='c2.categoryName' :data-category2Id='c2.categoryId'>{{c2.categoryName}}</a>
<a href="javascript:" :data-categoryName='c3.categoryName' :data-category3Id='c3.categoryId'>{{c3.categoryName}}</a>

1.自定义属性 :data-自定义属性
2.获取自定义属性值:event.target.dataset.自定义属性

//普通获取
const categoryname = event.target.dataset.categoryname;
//对象解构获取属性值
const {categoryname} = event.targrt.dataset

相关文章

网友评论

      本文标题:vue中自定义属性和获取自定义属性

      本文链接:https://www.haomeiwen.com/subject/dluvsrtx.html