获取标签的自定义属性

<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 @ 2023-03-26 10:46  Mr_sven  阅读(47)  评论(0编辑  收藏  举报