您现在的位置是：网站首页> 编程资料编程资料

vue.js中关于点击事件方法的使用(click)_vue.js_

2023-05-24 389人已围观

简介 vue.js中关于点击事件方法的使用(click)_vue.js_

关于点击事件方法的使用(click)

定义vue.js：

也可以使用网上的：

都可以。

定义方法：

let vm=new Vue({ el:"#jincaipinlun", data:{ message:"", }, // 点击头像查看详情 methods: { makereplyName: function(item){ alert(item); mui.openWindow({ id:13, url:'myself.html', extras:{ userName: item } }); }, makebeReplyName: function(item){ alert(item); mui.openWindow({ id:13, url:'myself.html', extras:{ userName: item } }); } , } });

mui页面显示：

{{data.replyName}}
{{data.time}}
{{item.replyName}}
@{{item.beReplyName}}
{{item.time}}

提出重要的方法使用为：

也就是我们提到的：

makereplyName，makebeReplyName方法。

输出结果为：

vue点击click事件解析

vue算是前端技术比较火的一门技术了，所以在日常开发当中掌握它还是比较重要的，最近要用vue做一个移动端项目，趁着空闲的时间来简单的写一下demo：

废话不多说，先上代码：

          Title               //@click点击事件getMethod和getMethod()带不带小括号其实没多大的区别，vue在底层会把传过去的函数统一解析成为方法，带小括号说明有相应的实参传入方法体里面；                    aaaa
     bbbb

简单分析到这里，大家也可以追一下vue的源码进行分析。

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。

您可能感兴趣的文章:

上一篇：vue和js中实现模糊查询方式_vue.js_

下一篇：小程序表单校验uni-forms的正确使用方式以及避坑指南_javascript技巧_

您现在的位置是：网站首页> 编程资料编程资料

vue.js中关于点击事件方法的使用(click)_vue.js_

目录

关于点击事件方法的使用(click)

vue点击click事件解析

相关内容

点击排行

本栏推荐

猜你喜欢