vue自定义组件按钮不能触发click事件

news/2024/7/9 23:35:24 标签: vue

vuevue_0">因客户需要,需要自己在vue项目里定义一个组件按钮来满足我们的需求,组件制作方法这里不详细介绍了,vue官方文档有详细介绍。

<TButton size="small" @click="confirm()">确定</TButton>
<TButton style="margin-left: 5px;" type="cancel" size="small" @click="closePopup()">取消</TButton>

TButton 是我自定义组件按钮的名称,@click=“confirm()” 是我点击确定按钮触发的事件,这个事件实际上不能点击触发。需要我们在事件后面添加 native 。

 <TButton size="small" @click.native="confirm()">确定</TButton>
 <TButton style="margin-left: 5px;" type="cancel" size="small" @click.native="closePopup()">取消</TButton>

这样就可以触发这个@click.native="confirm()"确定事件了。


http://www.niftyadmin.cn/n/1367387.html

相关文章

git使用方法不含安装教程

git项目流程&#xff1a;以下主要有3个角色&#xff1a;负责人、成员A、成员B&#xff08;若负责人也要修改代码&#xff0c;则负责人同时兼任2个角色&#xff1a;负责人、成员&#xff09; 主要负责人&#xff1a;搭建项目架构且提交到git上 1.github官网登录后&#xff0c;…

vue使用鼠标拖动窗口改变窗口大小遇到鼠标移动太快而失去鼠标焦点窗口大小改变失败

注意&#xff1a;区分方法格式和方法位置和方法名字拼写错误 拖动缓慢方法 DOM层 <div mousedown"mousedown($event)" mousemovemousemove($event) mouseupmouseup( $event)></div>逻辑层 methods: {mousedown: function (event) {var startxevent.x;v…

transformation-matrix

适用于JavaScript的2D仿射矩阵电动工具 给2D仿射变换矩阵用户的重要消息&#xff1a; 这是2D仿射变换矩阵的最后一次更新。我对正在使用它的人表示歉意&#xff0c;但由于个人原因&#xff0c;我不能再花费&#xff08;浪费&#xff09;时间开发它&#xff08;或任何其他“开源…

60秒手机验证码

vue 实现短信验证码 dom层 <div class"mobile"><input type"text" placeholder"请输入验证码" v-model"code" /></div><div class"code"><span v-show"sendAuthCode" click"get…

element UI form 数字,小数点验证

dom代码 <el-form-item label"申请金额(不含税)" prop"canInvoice"><el-input v-model"ruleForm.canInvoice" /></el-form-item>js代码 // 表单验证private rules{canInvoice: [{validator: (rule, value, callback) > {if…

时间戳转换标准事件格式

// 时间戳转换 yyyy-mm-dd 或 YYYY-MM-dd hh:mm:ssfunction add0(m) {return m < 10 ? 0 m : m}function format(shijianchuo) {//shijianchuo是整数&#xff0c;否则要parseInt转换var time new Date(shijianchuo);var y time.getFullYear();var m time.getMonth() …

uniapp echarts 地图的散点图 兼容 app ios H5

献上效果图 话不多说上代码 dom层 <template><view class"box"><view click"echarts.onClick" :prop"option" :change:prop"echarts.updateEcharts" id"echartsmap" class"echarts"></vie…

js日期格式化 日期向过去推一周或者一个月

// 日期格式化function getNowFormatDate(date) {// var date new Date();var seperator1 "-";var seperator2 ":";var month date.getMonth() 1;var strDate date.getDate();if (month > 1 && month < 9) {month "0" mon…