获取标签的自定义属性

复制代码
<template>
 <div>
    <!--注意命名data-格式-->
    <h1 :data-myName="name" :data-age="age" @click="btn">测试</h1>
 </div>

</template>

<script>
export default {
    data(){
        return{
            name : 'zhangsan',
            age: 20
        }
    },
    methods:{
        btn($event){
            let element = event.target;
            let {myname,age} = element.dataset;//注意要驼峰要转小写
            console.log(element.dataset);
            console.log(myname);
            console.log(age);
        }
    }
}
</script>

<style>
</style>
复制代码

 

posted @   iTao0128  阅读(53)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
点击右上角即可分享
微信分享提示