vue中自定义属性和获取自定义属性
2022-04-10 本文已影响0人
glassUp
项目中源码如下
<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