问题标签 [vue-events]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
5844 浏览

vue.js - 在 DOM 更改之前使用 vue-router 更改路由时触发事件?

我对 Vue 很陌生,希望这不会是一个非常愚蠢的问题 :)

DOM 结构更改beforeDestroy触发。

我尝试过使用beforeUpdateupdated事件,但在 DOM 更改之前似乎没有触发。

在线复制:https ://jsfiddle.net/p2c3b10t/18/ (查看控制台)

0 投票
1 回答
437 浏览

vue.js - 在DOM更改之前和路由本身之外更改路由时触发事件?

几天前我开了一个类似的话题,有人建议我beforeRouteLeave在路由组件定义中使用。

但是,我正在创建一个 Vue 组件,我无法控制开发人员希望如何定义他们的路由组件。因此,我需要一种在我自己的组件中触发事件而不依赖于外部路由组件的方法。

当从一个路由更改到另一个路由时,DOM 结构更改beforeDestroy会触发。

我已经尝试在我的组件定义上使用beforeUpdateupdated事件,但在 DOM 更改之前似乎没有触发。

0 投票
0 回答
28 浏览

events - 重用默认键盘事件处理程序

我有一个表单,我希望能够通过使用箭头键而不是tab. 由于已经有一些东西可以控制tab按下时输入的反应方式,我想重用这个“默认键事件处理程序”。但是,我不知道如何并且我很难在网上找到一些东西。

我正在寻找这样的东西:

0 投票
1 回答
943 浏览

javascript - VueJs v-on:event 和 this.$on(event, handler) 有什么区别?

我正在学习Vuejs event handling.
我认为开发人员可以使用this.$on('event', handler)injs文件来处理'event'.

有一个例子

.js 文件

但是在示例中,只有在单击按钮时才会触发processEvent附加的处理程序。vs 和this.$on()有什么不一样? 为什么不随时调用? 我可以将 附加到带有引用的按钮事件,而不是? 请帮助我我错了什么。v-onthis.$on
v-on:event="processEventFromView"
event handlerclickrefv-on:click="emitEvent"

0 投票
1 回答
1169 浏览

events - vue-flatpicker - 无法在关闭事件中选择日期

当我收听 flatpicker 的关闭事件并在事件函数中记录 v-model 的值时,我得到了之前选择的日期

0 投票
2 回答
99 浏览

vue.js - 来自 vue 当前组件的访问方法

任何人都可以指导或建议如何解决以下问题。用例:尝试实现通知组件场景:我正在尝试调用方法或更改 Vue 中触发事件时的数据状态。我已经在挂载函数上定义了事件侦听器并尝试访问其中一种方法。

在此处输入图像描述

基本上,事件函数中的警报被触发,而方法内部的警报没有被触发,甚至任何数据操作都没有执行,即使在事件函数中也是如此。

我在哪里失踪?在事件侦听器中更改状态是否不正确?基本上我正在尝试实现几秒钟后自动消失的通知功能

任何帮助表示赞赏。

谢谢, 吉里什

0 投票
2 回答
19193 浏览

vue.js - @input="$emit('input', $event)" 在 vue 组件中是什么意思?

我正在阅读一些我想更新的代码:

代表什么@input="$emit('input', $event)"?我在哪里以及如何监听输入事件?

0 投票
2 回答
1694 浏览

vue.js - Vue jsx 事件处理程序

是否有任何文档部分阐明了为什么我应该使用驼峰式大小写作为点击处理程序,但使用烤肉串作为输入(以及其他所有内容)?但不适用于点击,只有点击才onClick有效。

实际上,我注意到对于公共输入,两个选项都可以正常工作,on-input或者onInput.

不知道是否重要,但我将此组件用作另一个组件的渲染功能道具。像这样(全部简化):

最后一个组件有这样的东西:

0 投票
1 回答
1348 浏览

javascript - VueJS:在子组件中触发事件时在父组件中运行函数

这是我的第一个合适的 Vue JS 项目...我搜索了 Stack O 并找不到任何专门解决我的问题的东西,但如果已经有人问过这个问题,我深表歉意。

问题

我有两个组件,父级是页面布局,而子级是该页面的模块。当有人单击子组件中的按钮时,我想触发父组件中的功能。

根据 VueJS 开发工具,该过程的 $emit 部分正在正确触发,但父级中的函数不会触发。

我哪里错了?

这是我的缩写代码(我已经删除了与问题无关的任何内容)......

父组件

子组件

我需要使用道具吗?

感谢可以提供的任何帮助。

0 投票
1 回答
7361 浏览

javascript - 如何防止点击拖动?

我试图让一个元素同时具有拖动和单击事件。我已经阅读并尝试了事件修饰符的组合。

但是,无论我尝试什么,当拖动停止时我都会点击。

请注意,在 MWE 中,这是在组件本身上完成的,但在我的实际应用程序中,我使用.native修饰符来拖动组件

如何在不点击的情况下拖动?

编辑拖动点击

组件Draggable