Vue 组件的自定义事件

  1. 绑定自定义事件
// 第一种方式
<Demo @demo="test"/> || <Demo v-on:demo="test"/>// 第二种方式
<Demo ref="demo"/>
...
mounted() {this.$refs.xxx.$on('demo', this.test)
}
// 如果想自定义事件只能触发一次,可以使用 once 修饰符 或者 $once 方法
  1. 触发自定义事件 this.$emit('demo', 数据)
  2. 解绑自定义事件 this.$off('demo') 解绑多个自定义事件 this.$off(['demo1', 'demo2']),解绑全部自定义事件 this.$off()
  3. 组件上也可以绑定原生 DOM 事件,需要使用 native 修饰符
  4. 注意:通过 this.$refs.xxx.$on('demo', 回调) 绑定自定义事件时,回调要么配置在 methods 中,要么使用箭头函数,否则 this 指向会出问题

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/555990.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

c++byte数组和文件的相互转换_终于!word、excel、ppt文件相互转换技巧来了!

不知道大家在用Office软件的时候&#xff0c;有没有遇到过这样的问题。做了个Word文档总结&#xff0c;却需要转换成PPT上台汇报&#xff1b;做了个Word表格统计&#xff0c;却需要转换成Excel进行分析&#xff1b;做了个Excel图表分析&#xff0c;却需要放到Word或PPT上&#…

全局事件总线 (GlobalEventBus)

一、一种组件间通信的方式&#xff0c;适用于任意组件间通信。 二、建立 bus&#xff1a; Vue.prototype.bus new Vue();三、使用 bus bus 上注册自定义事件 this.bus.$emit(customEvent, params);任意组件监听 this.bus.$on(customEvent, function (params) {console.log…

java多线程之ThreadLoal详解

一、ThreadLocal简介 多线程访问同一个共享变量时特别容易出现并发问题&#xff0c;特别是在多个线程需要对一个共享变量进行写入时。为了保证线程安全&#xff0c;一般使用者在访问共享变量时需要进行适当的同步 同步一般是通过加锁来实现的,但这对用户有一定要求,加重了使用…

python 心电处理包_python 黏包现象及其解决方案

一、数据缓冲区缓冲区(buffer)&#xff0c;它是内存空间的一部分。也就是说&#xff0c;在内存空间中预留了一定的存储空间&#xff0c;这些存储空间用来缓冲输入或输出的数据&#xff0c;这部分预留的空间就叫做缓冲区&#xff0c;显然缓冲区是具有一定大小的。二、为什么要缓…

消息订阅与发布(pubsub)

一、一种组件间通信的方式&#xff0c;适用于任意组件间通信。 二、使用步骤&#xff1a; 安装 pubsub&#xff1a;npm i pubsub-js引入&#xff1a;import pubsub from pubsub-js接收数据&#xff1a;A组件想接收数据&#xff0c;则在A组件中订阅消息&#xff0c;订阅的回调在…

JVM经典五十问

文章目录1.什么是JVM?内存管理2.能说一下JVM的内存区域吗&#xff1f;3.说一下JDK1.6、1.7、1.8内存区域的变化&#xff1f;4.为什么使用元空间替代永久代作为方法区的实现&#xff1f;5.对象创建的过程了解吗&#xff1f;6.什么是指针碰撞&#xff1f;什么是空闲列表&#xf…

增量更新同步_OneDrive增量更新功能正式推出 仅同步文件更改部分降低网络占用...

微软的云存储应用OneDrive目前用户量还是蛮多的&#xff0c;不过在功能更新方面OneDrive动作相对来说还是有些慢的。比如非常实用的增量更新功能直到最近微软才正式推出&#xff0c;现在所有个人和企业级用户都可以使用增量更新功能喽。增量更新功能还是有网友在 2014 年向微软…

Vue.$nextTick

一、语法&#xff1a;this.$nextTick(回调) 二、在下一次 DOM 更新结束后执行其指定的回调函数 三、啥时候调用&#xff1a;当改变数据后&#xff0c;要基于更新后的新 DOM 进行某些操作时&#xff0c;要在 nextTick 所指定的回调函数中执行

div靠边隐藏_css如何隐藏div不占位置?

display 属性依照词义真正隐藏元素。将 display 属性设为 none 确保元素不可见并且连盒模型也不生成。使用这个属性&#xff0c;被隐藏的元素不占据任何空间。一旦 display 设为 none 任何对该元素直接打用户交互操作都不可能生效。此外&#xff0c;读屏软件也不会读到元素的内…

MySQL:错误代码1215 无法添加外键约束的解决思路

环境说明: ※MySQL ver:5.7 当你需要添加外键约束的时候,却发现mysql报了个1215错误,一脸懵逼的找到这个博客,那你的问题可能就会得到解决. 解决思路 1.检查两个字段的数据类型是否一致 2.检查两个字段的数据长度是否一致(有时候不指定int长度,长度是10,有时候是11&#xff0…

Vue 封装的过渡与动画

一、作用&#xff1a;在插入、更新或移除DOM元素时&#xff0c;在合适的时候给元素添加样式类名 二、图示 三、写法&#xff1a; 元素进入的样式 v-enter | v-enter-active | v-enter-to元素离开的样式 v-leave | v-leave-active | v-leave-to使用 transition 包裹要过渡的元…

各纬度气候分布图_地理:世界各种气候类型分布图(高清版)汇总!以及解答分析哦~...

各种气候类型分布图送给大家&#xff0c;点开看放大更清晰哟&#xff01;世界气候类型分布图▼热带气候类型分布图▼热带雨林气候分布图▼热带草原气候分布图▼热带季风气候分布图▼热带沙漠气候分布图▼温带气候分布图▼地中海气候分布图▼亚热带季风和季风性湿润气候分布图▼…

使用navicat for mysql 创建外键foreign keys时,总会自动创建索引indexs

使用navicat for mysql 创建外键foreign keys时&#xff0c;总会自动创建索引indexs。如果删除这个索引就会提示错误error 1553:cann’t drop index…:needed in a foreign key constraint。请教各位&#xff0c;该如何解决呢&#xff0c;不想要indexs 这个好像必须要吧 主键默…

Vue 脚手架配置代理

一、在 vue.config.js 中添加配置 devServer: {proxy: http://localhost:5000 }优点&#xff1a;配置简单&#xff0c;请求资源时直接发送给前端&#xff08;8080&#xff09;即可缺点&#xff1a;不能配置多个代理&#xff0c;不能灵活的控制请求是否走代理工作方式&#xff…

固定 顶部_优质的阳光板温室的顶部应该如此安装,专业的人做专业的事

阳光板温室多为文洛型&#xff0c;多采用一跨多顶&#xff0c;外形现代&#xff0c;结构稳定&#xff0c;形式美观大方&#xff0c;视觉流畅&#xff0c;保温性能卓越&#xff0c;透光率适中&#xff0c;多雨槽&#xff0c;大跨度&#xff0c;排水量大&#xff0c;抗风能力强&a…

json对象、json字符串的区别和相互转换

开发时&#xff0c;json字符串和json对象傻傻分不清楚&#xff0c;ajax异步请求后&#xff0c;会根据返回的data值判断请求是否成功&#xff0c;访问data.msg会提示‘undefined’&#xff0c;将data转换为json对象即可。 一、json对象、json字符串的区别 1、json对象 json对…

python判断两个列表内容是否一致_检查两个列表在Python中是否相同

在python数据分析中&#xff0c;当我们需要比较两个列表并找出它们是否具有相同元素或没有相同含义时&#xff0c;我们可能会遇到这种情况。例题listA [Mon,Tue,Wed,Thu]listB [Mon,Wed,Tue,Thu]# Given listsprint("Given listA: ",listA)print("Given listB…

Json对象和Json字符串的区别

JSON对象 有时候在做项目的时候时常将这两个概念弄混淆&#xff0c;尤其是在使用springmvc的时候&#xff0c;后台RequestBody接受的是一个json格式的字符串&#xff0c;一定是一个字符串。 先介绍一下json对象&#xff0c;首先说到对象的概念&#xff0c;对象的属性是可以用&…

vuex 状态管理

一、在组件中读取 vuex 中的数据 $store.state.sum;二、组件中修改 vuex 中的数据 $store.dispatch(actions fn name, 数据) $store.commit(mutations fn name, 数据)如果没有网络请求或者其他业务逻辑&#xff0c;组件中也可以越过 actions&#xff08;不写 dispatch 直接写…

flask mysql 1366_2017-11-17 Python Flask Script+mysql环境设置

【1.初级版】flask-scrpit安装。使用flask-scrpit可以创建命令&#xff0c;并在Flask的应用上下文中执行&#xff0c;因为这样才能对Flask对象进行修改。Flask Script自带了一些默认的命令&#xff0c;可以运行服务器或者开启带应用上下文的Python命令行。env) D:\python\flask…