$emit或$on的奇怪行为
$emit和$on是Vue.js框架中的两个重要方法，用于实现组件之间的通信。
$emit方法用于触发自定义事件，并向父组件传递数据。它的基本语法是：this.$emit('eventName', data)，其中eventName是自定义事件的名称，data是要传递的数据。通过$emit方法，子组件可以向父组件发送消息。
$on方法用于监听自定义事件，并在事件触发时执行相应的回调函数。它的基本语法是：this.$on('eventName', callback)，其中eventName是要监听的事件名称，callback是事件触发时要执行的回调函数。通过$on方法，父组件可以监听子组件发送的消息。
这两个方法的奇怪行为可能是指它们在特定情况下的一些不符合预期的行为，下面列举一些可能的奇怪行为及解决方法：
- 重复监听：如果在同一个组件中多次调用$on方法监听同一个事件，那么每次事件触发时都会执行所有的回调函数。如果不希望重复执行回调函数，可以在组件销毁前使用$off方法取消监听。
- 事件命名冲突：如果在不同的组件中使用相同的事件名称，那么事件触发时会同时执行所有监听该事件的回调函数。为了避免命名冲突，可以使用不同的事件名称或者在事件名称中添加命名空间。
- 异步问题：$emit方法是异步执行的，即事件触发后会立即返回，不会等待所有监听器执行完毕。如果需要在事件触发后执行一些同步操作，可以使用$nextTick方法或者将操作放在回调函数中。
- 动态事件名称：如果事件名称是通过变量或表达式动态生成的，那么在使用$on方法监听事件时需要注意事件名称的一致性。可以使用计算属性或方法来生成事件名称，以确保监听正确的事件。
总之，$emit和$on是Vue.js框架中实现组件通信的重要方法，可以通过它们来实现父子组件之间的数据传递和消息通知。在使用过程中，需要注意处理可能的奇怪行为，以确保组件通信的正确性和可靠性。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供弹性计算能力，满足各类业务需求。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：提供高性能、可扩展的关系型数据库服务。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云原生容器服务（TKE）：提供高度可扩展的容器化应用管理平台。详情请参考：https://cloud.tencent.com/product/tke
- 腾讯云人工智能开放平台（AI Lab）：提供丰富的人工智能服务和开发工具，助力开发者构建智能化应用。详情请参考：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台（IoT Explorer）：提供全面的物联网解决方案，帮助用户快速构建物联网应用。详情请参考：https://cloud.tencent.com/product/iotexplorer
相关·内容
1回答
在我正在工作的网站中，我必须使用事件发射器来实现这些要求。请看一下。当添加新消息时，它将工作得很好。但当我单击route1或route2并返回到Parent视图时，问题就开始了。任何解决这个问题的建议都是很棒的。下面是一个示例。 }})
浏览 3提问于2017-07-30得票数 1
回答已采纳
无法读取Vue文档中有关使用$on向父级非传统方式发送事件的信息this.$parent.$emit('loader', value)this.$emit时，它才能工作，为什么没有$parent它就不能工作<child-component @loader="callMethod"/>
它确实适用于没有this$emit的$parent。有人能解
浏览 0提问于2019-01-04得票数 0
name, callback) { }我知道框架，但它是一个很大的依赖项，不适合我当前的项目。这是一个音频播放器的前端。下面是我触发事件的方式： new CustomEvent("name", { detail: {/* data */} })还是有什么可怕的<
浏览 4提问于2017-07-22得票数 0
1回答
我正在实验一个非常奇怪的行为，从我的Vue应用程序。我的路由器视图中有以下两个组件： @edit-click组件(它是一个引导模式)中，我使用JQuery处理hide.bs.modal事件，并发出一个自定义的modal-close事件，这样我就可以从路由器视图组件(您可以在前面的代码中看到@modal-close$<e
浏览 7提问于2021-10-11得票数 0
回答已采纳
3回答
我似乎在使用socket.io从客户端到服务器的通信中遇到了问题。首先，我发送的JSON对象在客户端，我有：});data being sent is:我以前用过socket.io，从来没有遇到过这个问题，所以我一定是在做一些奇怪</e
浏览 2提问于2013-04-22得票数 2
2回答
我试图为数组的每个元素发出一个API调用，如果每个API响应都是真的，则发出一个特定的事件。我做了以下工作： this.service.getElement(element).subscribe(loadedloaded){ }});
但是最后一行总是发出true
在发出
浏览 2提问于2020-08-12得票数 0
回答已采纳
1回答
我在数据库中有一个简单的版本表。version (current STRING NOT NULL);在此表中，只存储具有当前数据库结构版本的一行乍一看，一切都很好，但这里有一件奇怪的事：
//... connect to SQLite and another stuff...如果当前值是'0.1'，'1.3‘和分数部分不是零-一切都是好的。因为
浏览 3提问于2015-11-08得票数 1
回答已采纳
我注意到在htaccess中有一个我不明白的问题。我想要做的是将每个不存在的文件和每个.php文件(而不是/index.php)重定向到/404/。根据我的理解，以下两个街区应该做同样的事情：RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !$ /index.php [L]
然而，只有第二个街区能做我想做的事。例如，第一个.htaccess无法重定向
浏览 3提问于2015-12-01得票数 2
回答已采纳
1回答
我注意到gdscript中有一些奇怪的行为。当您声明变量时 var value = [0, 0, 0, 0, 0]
var values = [] 并将一个附加到另一个 values.append(value) 然后更改数组中的某些内容 value[1] = 1 如果要打印结果，请打印(值，值) 你会得到 prints: [0, 1, 0, 0, 0][[0, 1, 0, 0, 0]] 预期行为 prints: [0, 1, 0, 0, 0][[
浏览 22提问于2020-12-21得票数 0
回答已采纳
4回答
它包含通过RS232串口进行通信的功能，数据将在Excel中进行处理。一切都很好，但我对在Excel下工作的VBA的奇怪行为感到困惑。我有两个功能。一个用来写作，另一个用来阅读。当我从VBA向其中之一发送端口号(例如3)时，不管哪个端口号被函数接收并准确打印出来，它显示的十进制值为3，什么是正确的。但是，当我发送完全相同的变量，包括数字3到第二个，函数接收51，这是一个小数值"3“字符。因此，首先VBA发送整数，然后以某种方式改变，并发送&q
浏览 15提问于2014-08-26得票数 0
回答已采纳
我正在玩Alexa，我遇到了一种奇怪的行为。我正在尝试实现用户结束会话的所有可能方式。我的问题是，“退出”这个词返回了Alexa，说“有一个问题.”立刻放弃这个技能。所有其他的词，如“停止”或“取消”工作良好，并返回一条再见信息。下面是我如何实现处理程序： this.emit('SessionEndRequest');&#x
浏览 0提问于2018-04-20得票数 0
回答已采纳
因此，我有一个要用来在组件之间共享数据的EventEmitter服务，下面是代码 this.data[key] = value; }
retur
浏览 5提问于2016-12-23得票数 0
回答已采纳
var save = function(pdf){ EventEmitter.call(self);
db.connect(function(err, connection) { else {
self.emit('te
浏览 1提问于2015-06-09得票数 1
回答已采纳
我正在玩Ethereum智能合同，并注意到一些交易的一些奇怪的行为。事务是可见的，它声明令牌被发送到一个地址，但是当我检查Metamask的余额时，它不在这里(令牌契约被添加到MetaMask中)。这种合同行为的原因是什么？
这是一个示例事务： 200,000个令牌被发送到，并显示在ropsten网络资源管理器上，但我无法在MetaMask上看到或操作它们。balances[to] = _balances[to].add(tokens
浏览 4提问于2021-03-29得票数 2
我使用的是类型记录和Vuejs，我有一个子组件import Vue from 'vue';import { Emit } from 'vue-property-decorator';
export default class ChildComponetextends Vue {
@Emit('onCh
浏览 7提问于2021-08-07得票数 3
回答已采纳
我试着找出我的代码出了什么问题，但是我迷路了。我有一个由onClick事件链接按钮在后台代码中触发的ModalPopupExtender。但是，如果我点击弹出窗口的“保存”按钮(保存数据并关闭弹出窗口)，我无法再次显示弹出窗口。在popup.show()方法未做任何更改后，此弹出窗口处于尝试手动更新面板的条件UpdatePanel和事件中。最后，我使用firebug检查了发送回浏览器的服务器，我可以确认我只收到了视图状态信息(没有要更新的UpdatePanel )，即使在调用panel.
浏览 0提问于2010-01-22得票数 0
回答已采纳
1回答
then echo "it was a hello"; else echo "must have been a goodbye"; fi我不知道我的错误在哪里，但我期望得到相反的结果。
浏览 1提问于2013-05-16得票数 0
回答已采纳
3回答
当我试图过早地从流中取消时，我注意到一种奇怪的行为。看一下下面的例子。这是一个发出整数值的简单流 private fun createFlow() = flow { emit(it)当我在发射之间添加延迟时，流的行为与我预期的一样。private fun createFlow() = flow { delay(500) &
浏览 27提问于2020-01-10得票数 17
回答已采纳
1回答
所以我有两个来自叶莱的智能灯泡。我正试图同时把它们打开/关闭。您可以通过向他们发送一些TCP消息来实现这一点。`asd\r\n`) // send two requests to wake up connection })但是现在出现了一种奇怪的行为:当试图从C#做同样的事情时，只有第一个接触到的灯泡会对消息做出反应。更奇怪的是。当在这两个函数中交换IP
浏览 3提问于2022-06-14得票数 2
1回答
我面临着非常奇怪的问题。为此，我准备了stackblitz 。意外的行为是清除输入字段。看看onTest1方法是如何实现的，以及onTest2方法是如何实现的。当您按Test 2按钮时，来自Filter One的输入将保持不变，但请查看onTest1和onTest2实现之间的差异。这只是顺序上的不同。在test1中，值设置为索引0处的筛选器，然后null设置为索引1处的筛选器。
在test2中，nu
浏览 0提问于2018-07-20得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
