vue中@click绑定事件点击不生效的解决
更新时间：2022年08月05日 14:34:16 作者：Jiang_JY
这篇文章主要介绍了vue中@click绑定事件点击不生效的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
@click绑定事件点击不生效
原因
根据Vue2.0官方文档关于父子组件通讯的原则，父组件通过prop传递数据给子组件，子组件触发事件给父组件。但父组件想在子组件上监听自己的click的话，需要加上native修饰符。
解决方法
方法1：在@click后加上.native（监听根元素的原生事件，使用 .native 修饰符）
@click.native = "..."
方法2：向外发送click事件
在 methods 内添加 _click 方法：
methods: {
_click: function () {
this.$emit('click', function () {
//...
})
}
}@click中不能使用三则表达式原因
@click="urgentchargeTime?urgentTime:''" //这么写的话会让vue执行的时候去data里面查找,但是我们是要用的函数
修改为：
@click="urgentchargeTime?urgentTime():''" //vue通过第一个数去data里面找,然后通过data里面的值进行去查找函数对象里面的函数
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
vuex2中使用mapGetters/mapActions报错的解决方法
这篇文章主要介绍了vuex2中使用mapGetters/mapActions报错解决方法 ,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2018-10-10
这篇文章主要介绍了 Vue 源码分析之 Observer实现过程，Observer 最主要的作用就是实现了touch -Data(getter) - Collect as Dependency这段过程，也就是依赖收集的过程，感兴趣的朋友跟随脚本之家小编一起学习吧2018-03-03
这篇文章主要介绍了vue部署包可配置后台接口地址的相关知识，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-03-03
今天小编就为大家分享一篇vue element table 表格请求后台排序的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要介绍了vue{{}}拼接字符串和换行符方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-12-12
这篇文章主要介绍了elementui中使用el-tree控件懒加载和局部刷新，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
vue.js中created方法是一个生命周期钩子函数，一般可以在created函数中调用ajax获取页面初始化所需的数据，这篇文章主要介绍了Vue中created和mounted使用场景分析,需要的朋友可以参考下2023-05-05
这篇文章主要为大家详细介绍了vue3如何引用elementUI实现悬浮文本输入框效果,以便实现多行文本输入,感兴趣的小伙伴可以跟随小编一起学习一下2023-10-10
本文重点给大家介绍Vue拖拽组件开发实例，拖拽的原理是手指在移动的过程中，实时改变元素的位置即top和left值，使元素随着手指的移动而移动。对实例代码感兴趣的朋友跟随脚本之家小编一起学习吧2018-05-05
近接触到了一个 Vue3 的打印需求,我发现自己虽然从事前端开发已有多年,但对如何实现自定义打印还没有深入研究,一般都是找现成的库来解决问题,借这次的机会研究了一下如何实现自定义打印,需要的朋友可以参考下2024-07-07
最新评论