在js里面获取标签里的值,我只会通过dom的方式。
下面这个方式其实也是js的原生方法,但是避免了id获取的方式,
核心知识点:
在标签里写点击事件并设置属性,@click="getData($event)",
在点击事件里通过getAttribute获取:e.target.getAttribute('data-num')
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<body>
<div id='app'>
<button data-num="100" @click="getData($event)">点我</button>
</div>
<script>
var vm = new Vue({
el: '#app',
data: {},
methods: {
getData(e) {
console.log(e.target.getAttribute('data-num')); // 输出 100
}
}
})
</script>
</body>