当前位置:首页 > 前端 > 正文内容

VUE/UNIAPP事件传参

Z先生5年前 (2020-07-26)前端863

第一种方式使用data

<view @click="handleClick" data-info="大家好">点击按钮</view> //如果绑定动态数据,使用:data-即可
handleClick(e){
    console.log(e.currentTarget.dataset.info)  //打印出 大家好
}

第二种,使用event传参

<view @click="handleClick($event,'大家好')">点击按钮</view>
handleClick(e, info){
      console.log(info)  //打印出 大家好
}


标签: vueuniapp
分享给朋友:

相关文章

antd vue版一些小细节

复选框默认选择复选框选择默认选择,但是不要使用属性手上的checked,否则渲染后无法动态修改,有defaultChecked方法,但是测试无效,所以使用valuePropName: <pre...

vue深度监听

还是不废话,直接上干货 watch: { data: { handler: function(newVal, oldVal) { cons...

【原创】Promise循环执行,以及延时循环

演示代码//核心代码 function promiseMain(page) { return new Promise(function(resolve,&...

npm锁定依赖包版本

在某些特殊时候,npm需要锁定依赖包的版本,其方法有2种 安装时后面代参数-E修改package.json文件,去掉版本号前面的^ 常用命令: npm install --save-dev...

elemeui表格中点击修改最优雅的方式

需求表格中,某一列需要点击修改。并且能拦截回车事件。 解决方案vue代码<el-table ref="menuTable" …… @cell-click="cli...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。
请先 登录 再评论,若不是会员请先 注册