本文摘自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如何做到seo
vue.js中使用插槽将数据从父组件传递到子组件
怎么关闭vue.js中的空格报错?
详解vue.js中如何处理事件
vue.js中怎么添加favicon图标
vue.js怎么引入echars
如何删除安装的vue.js
简书 jsplumb使用
vue.js是前端框架吗?
vue.js中如何代码高亮
更多相关阅读请进入《vue.js》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » vue.js中如何绑定事件