<button class="btn btn-success" @click="doUpdate" :data-snum="s.stuNum"
:data-sname="s.stuName" :data-simg="s.stuImg">修改</button>
<script type="text/javascript">
var vm = new Vue({
el: '#app-15',
data: {
stu: [
{
stuNum: "10010",
stuImg: "img/1.jpg",
stuName: "Tom",
stuGender: "M",
stuAge: 20
}
]
},
methods: {
doUpdate: function (event) {
// 如果 v-on 绑定的 js 函数没有参数,调用的时候可以省略 (), 同时可以给 js 函数一个 event 参数(事件对象)
// 1. event 表示触发当前函数的事件
// 2. event.srcElement 表示发生事件的元素 --- 修改按钮
// 3. event.srcElement.dataset 表示按钮上绑定的数据集 (data-开头的属性)
alert("---update:");
let stu = event.srcElement.dataset;
}
}
})
</script>
vue事件传值使用 dataset 对象传值
最新推荐文章于 2024-08-29 09:39:01 发布