vue获取自定义属性的值,标签的值
程序员文章站
2022-06-23 11:22:46
vue中尽量减少dom操作。方式一:不推荐使用自定义属性为data-val,通过e.target.getAttribute()获取。点我getVal0(e){console.log(e.target.getAttribute('data-val'));},方式二:不推荐使用自定义属性为data-val,
vue中尽量减少dom操作。
- 方式一:不推荐使用
自定义属性为data-val,通过e.target.getAttribute()获取。
<span data-val="0" @click="getVal0">点我</span>
getVal0(e){
console.log(e.target.getAttribute('data-val'));
},
- 方式二:不推荐使用
自定义属性为data-val,
<span data-val="1" ref="spanVal1" @click="getVal1">点我</span>
getVal1(){
console.log(this.$refs.spanVal1.dataset.val);
},
- 方式三:推荐使用
<span @click="getVal2(2)">点我</span>
getVal2(val){
console.log(val);
},
对于组件和第三方组件,第三种方式需要稍作调整。
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
@click.native="getItem(item)"
></el-option>
getItem(item){
console.log(item);
},
本文地址:https://blog.csdn.net/qq_36478297/article/details/109239274