本文摘自PHP中文网,作者coldplay.xixi,侵删。
vue.js中绑定事件的方法:1、直接在标签中写js方法,代码为【<button v-on:click="alert('hi')">执行方法的第一种写法</button>】;2、调用method的办法。
【相关文章推荐:vue.js】
vue.js中绑定事件的方法:
1、 直接在标签中写js方法
1 | <button v-on:click= "alert('hi')" >执行方法的第一种写法</button>
|
2、调用method的办法
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <button v-on:click= "run()" >执行方法的第一种写法</button>
<button @click= "run()" >执行方法的 简写 写法</button>
export default {
data () {
return {
msg: '你好vue' ,
list:[]
}
},
methods:{
run: function (){
alert( '这是一个方法' );
}
}
}
|
(1)方法传参,方法直接在调用时在方法内传入参数
阅读剩余部分
相关阅读 >>
vue.js怎么引入img
vue.js如何判断输入是否为数字
vue.js中有多少钩子函数
vue.js是否支持ie8
深入研究vue cli3
vue cli3引入bootstrap的方法介绍
vue.js怎么加载js插件
为何使用vue.js
vue.js怎样做跳转页面
vue.js的select下拉框怎样绑定事件和取值
更多相关阅读请进入《vue.js》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » vue.js中如何绑定事件