获取自定义属性的值方法

1.作为参数来进行获取值

<button @click="say('Hi')">say hi</button>
methods: {
    say(hi){
        console.log(hi)  //根据点击事件传参获取值
    }
}

// 下面这样的数据将后台的参数绑定页面，用事件进行传递
<h5 class="left t-title" @click='getDataId(item.id)' :data-id="item.id"></h5>
<script>
    methods: {
        getDataId(id) {
            console.log(id);
        }
      },
    
</script>

2. 获取根据事件冒泡的机制用事件当参数传入（$event）获取值 时使用e.target 来获取值

<button @click="sayBye($event)" data-msg="Bye">say bye</button>
methods: {
    sayBye(e){
    // 这样是根据 e.target.getAttribute()来获取
        //let msg=e.target.getAttribute('data-msg');
        let msg=e.target.dataset.msg; 
        console.log(msg)
    }
}