当前位置:首页 > 前端

VUE/UNIAPP事件传参

Z先生6年前 (2020-07-26)前端1024

第一种方式使用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:˂a-checkbox styl…

vue踩坑记20201027

elemeui/antd等框架,再使用复选框、下拉选择框时,如果通过v-model绑定了值,那么选择时,界面不会改变。方法一:使用default-value指定默认值,@change去改变本该v-mo…

UNIAPP内容区域高度定义

代码如下height: calc(100vh - var(--window-top) - var(--window-bottom));CSS变量uni…

vue深度监听

还是不废话,直接上干货watch: { data: { handler: (newVal, oldVal) => { console.log(‘data’, newVal); }, deep:…

问题: - did you register the component correctly......

问题: - did you register the component correctly......

问题:无法使用tree组件提示 Unknown custom element:<a-tree> - did you register the component correctly? Fo…

Ant Design table自定义复选框的默认不可选状态

官网上的getCheckboxProps中的disabled的值是record.name==="XXX",我在用的过程中肯定是一个list,然后我就想用函数返回true或false…

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。