vue里在自定义的组件上定义的事件

摘要:
vue中自定义组件上定义的事件被视为自定义事件,必须使用$emit()触发。这也是子组件向父组件传递值的原则。如果您想成为本机事件,则需要添加。本机事件之后的本机事件。然后您可以触发父级的父级单击函数。

事件分为原生事件和自定义事件。

vue里在自定义的组件上定义的事件,都被认为是自定义事件,必须用$emit()来触发。

vue里在自定义的组件上定义的事件第1张

这也是子组件向父传值的原理。

如果想作为原生事件,需要在原生事件后面加上.native 就可以了。然后就可以触发父级的fatherClick函数了。

vue里在自定义的组件上定义的事件第2张

免责声明:文章转载自《vue里在自定义的组件上定义的事件》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇使用IDEA将项目或指定模块打成JAR包Tomcat中的c3p0数据库连接池的释放下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Vue中键盘事件

Vue中监听 键盘事件及修饰符 键盘事件:   keyCode 实际值 48到57   0 - 9 65到90 a - z ( A-Z ) 112到135 F1 - F24 8 BackSpace ( 退格 ) 9 Tab 13 Enter ( 回车 ) 20 Caps Lock ( 大写) 32 Space ( 空格键 ) 37 Left ( 左箭头...

vue项目中生产环境禁用debugger,关闭console

vue-cli2.0中的方法 1.安装uglifyjs-webpack-plugin插件 npm install uglifyjs-webpack-plugin --save-dev 2.修改wenbpack.prod.config.js配置文件 const UglifyJsPlugin = require('uglifyjs-webpack-plugi...

vue项目微信端清理缓存问题解决

vue为单页面前端框架,清理缓存,常规的方式是添加html头部meta,如果逻辑里面是需要使用缓存的,这种方式不建议使用,代码片段如下: <html manifest="IGNORE.manifest"> <head> <meta charset="utf-8"> <meta name="vie...

Base64工具类:将前端vue与后台SpringBoot传输的参数进行加密和解密

一、前端加密 1.引入base64依赖: cnpm install --save js-base64 2.使用base4对参数进行加密: let Base64 = require('js-base64').Base64 //加密方法 let password =Base64.encode(password);//解密方法 //let password =...

使用 Vue 开发 scrollbar 滚动条组件

Vue 应该说是很火的一款前端库了,和 React 一样的高热度,今天就来用它写一个轻量的滚动条组件; 知识储备:要开发滚动条组件,需要知道知识点是如何计算滚动条的大小和位置,还有一个问题是如何监听容器大小的改变,然后更新滚动条的位置; 先把样式贴出来: .disable-selection { -webkit-touch-callout: none...

Vue脚手架的elementui表格里面嵌套输入框

<el-table :data="ruleLanguage" border style=" 100%" highlight-current-row @selection-change="handleSelectionChange" @select-all="selectAll" @row-dblclick="doubleClick"...