问题标签 [vue-events]

我在页面上有几个嵌套组件，父组件具有@click.native实现。因此，当我单击子组件（位于父组件内）占用的区域时，例如执行两个单击操作（父组件和所有嵌套子组件）

所以我有多个产品的列表，当我单击属于模态对话框的“画布”时 - 我也会被@click.native模态对话框所属的产品详细信息解雇。有类似的东西会很好@click.native.stop="code"，这可能吗？

现在我必须这样做：

代码

我希望当我单击“shadow-modal”div 上的 ESC 按钮时会触发“关闭”事件，但它没有发生

vue 2.5.13，任何想法为什么？

我有一个 vuejs 组件，在我的组件的一个方法中，我正在调度这样的事件：

在父母身上，我尝试使用

但上面从不运行showSuccess方法。:如果我从发射和 v-on 中省略部分，一切都会正常工作。我认为可以:在组件中以某种方式使用它。

有谁知道为什么这不起作用？

我在我的 vue.js 项目中使用 vue-multiselect 组件，我正在使用 v-on 指令在更改事件上执行一个函数，

我在这里有示例完整代码：https ://codesandbox.io/s/yjjon0vzxj

正在v-on:change使用<select>组件，但它停止使用 vue-multiselect 工作！我试过了，v-on:click="executeLoader"但这也没有奏效..

编辑：已解决，请参阅答案。

所以我是 vue.js 和 quasar 的新手，所以这可能是关于 vue 生命周期钩子和 vue 反应性的新手错误。

我想根据浏览器的大小调整元素的大小。该元素的高度是使用其他元素的高度计算的。我使用 $refs 来获取另一个元素的高度，并捕获由 quasar 组件启动的 onResize() 事件。

此事件在页面加载时启动一次，并且我的元素大小均为 0，因为我猜它们尚未在 DOM 中呈现。我有一个方法来刷新我计算的高度，当“onResize”事件被捕获时我调用它，也在“mounted()”vue.js 钩子处调用。

我的问题是：

• 第一个 onResize() 调用该方法，但所有元素的高度均为 0px。
• mount() 再次调用该方法，这里所有元素都计算了它们的高度。结果很好，但它没有显示在显示屏上，请参见屏幕截图 #1：调整控制台中记录的事件和大小，注意大小计算两次，一次在 onResize() 上，一次在 mount() 上。mount() 上的那个具有很好的价值，但它没有显示在 DOM 中。

• 在我调整窗口大小一次后，一切正常，我不再有任何问题。（截图#2（窗口模式）和#3（再次全屏））

我的问题是：为什么即使计算正确，当调用mounted() 挂钩时，DOM 中的高度也不会更新？（一切都在同一个 .vue 文件中）

我的代码：我的问题是具有“tableRow”参考的 div 的高度

脚本：

由于我收到相同的事件并为这两个事件使用相同的事件处理程序，有没有办法共同收听它们，即我可以让事件像本地事件一样冒泡并使用类似的东西

我正在为正在构建的应用程序使用 Nuxt js SSR，我安装了 Vue 事件插件，但是当我发出一个事件时，它在侦听器处运行两次。创建的钩子也运行两次。

正在使用的模块：Axios、Auth、Toast

子组件

父组件

我该如何解决这个问题？我需要你的帮助。

我正在为事件传播而苦苦挣扎。如果未保存数据，任务是防止单击任何其他内容。所以，左边的 div 包含一个选项树。单击项目后，将显示右侧 div 中的设置。我想警告用户，当他尝试在设置 div 之外单击时，数据未保存。

代码如下所示：

vue-outside-eventspackage 用于检测 div 之外的点击。它工作正常。问题是，这段代码没有做任何事情：

无论如何，点击都会传播到父级。如果我将事件@click发送给父级，则会触发所有点击。

停止传播是否仅在父母之间有效？

在Vue 应用程序中，它可以添加使用vm.$once调用一次的事件监听器。
例如，在 Vue App 的子组件中，它可以使用vm.$emit('myEvent', data). 发出事件

然后可以通过vm.$once在 Vue 应用程序中将事件侦听器添加到此事件来处理它。
此时，我想将附加数据传递给事件处理程序。

我试过如下。但它会引发错误。

未捕获的 ReferenceError: $event 未定义

但我认为它可以在使用时传递额外的数据v-on。

使用vm.$onceorvm.$on时，不能传递附加参数吗？

注意：我使用的原因vm.$once是我想eventHandler在发出自定义事件时只执行一次，myEvent并动态添加它。

编辑以纠正未报告的语法错误（见评论）。它现在可以按需要工作。

我无法让我的事件处理程序在以下 Vue 代码中触发。

如您所见，有两个组件，posts和post，以及一个根Vue实例。post模板中的按钮应该触发remove事件，该事件由处理程序捕获，在该v-on:remove处理程序中posts调用posts.deleteItem帖子的索引。有人可以提示我做错了什么吗？