vue2之v-on指令：给元素绑定事件
发布：智码IT网 阅读：
<!--
v-on指令：给元素绑定事件
-->
<div id="app">
<!-- 使用v-on:click指令，绑定单击事件 -->
<input type="button" value="btn1" v-on:click="do1" />
<!-- 使用简写方式 :click指令，绑定单击事件 -->
<input type="button" value="btn2" @click="do2" />
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.7.9/vue.common.dev.min.js"></script>
<script>
var app = new Vue({
el: "#app",
methods: {
do1: function () {
console.log("test1");
},
do2: function () {
console.log("test2");
},
},
});
</script>
效果：分别点击两个按钮，分别在控制台打印信息
上一篇：没有了
下一篇：没有了