问题标签 [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 投票
0 回答
132 浏览

javascript - 如何使用 d3.js 为世界地图中的岛屿绘制路径

我在做 d3.js 地图时遇到了一个问题,问题是我能够填充颜色的每个国家,但来到岛屿我无法看到岛屿的地方

请在我硬编码时观察图像

0 投票
0 回答
19 浏览

vue.js - 如果注册了 4 个侦听器,vue.js1 事件不会发出

我有一个非常奇怪的问题。我可能在这里做一些非常愚蠢的事情,但没有意识到。我正在使用 vue.js 1。我有一个组件,它是一个启动模式,它发出 4 个自定义事件。对于其中的每一个,我都有一个在父级上注册的侦听器。非常奇怪的问题是,每当我注册第 4 个监听器时,第 4 个监听器注册的事件都不会发出!

如果我在父级上为此注册了一个监听器,则sp-commission-remove事件不会被发出,就像这样 -v-on:sp-commission-remove="onDeletingSpecialCommission" 如果我删除这个监听器,或者甚至更改客户事件名称的任何字符,事件会发出很好!

在 Vue1 中可以发出多少个侦听器/事件是否有限制?

它快把我逼疯了。有人可以指导我正确的方向吗?

0 投票
1 回答
1720 浏览

typescript - 使用 Composition API 在 Vue 中处理子项和父项中的提交事件

Vue.js 新手,尝试在表示表单的组件中处理提交事件,该表单将检查子组件的有效性,如果一切正常,则将处理传递给父组件中的事件处理程序。

我收到此错误... [Vue 警告]:v-on 处理程序中的错误:“TypeError: undefined is not an object (evalating '$event.preventDefault')”在 ---> at src/components/ MyForm.vue 在 src/App.vue

子组件是 MyForm...

父组件(应用程序).​​..

或者,将 App 的 onSubmit() 函数作为道具传递给 MyForm 会更好吗?我可以在 MyForm 中进行验证然后调用传入的函数吗?

0 投票
1 回答
82 浏览

javascript - 两个兄弟组件之间的数据传输问题(Vue js)

我有三个组件,其中一个是其他组件的父级,我试图传递一个talk在兄弟姐妹之间调用的对象,在事件中从FollowedBrowserto发出它LeftBar,然后通过 prop 从LeftBarTalksList组件传递它,之后另一个事件由TalksListand发出又听了一次LeftBar,最后这个组件将talk对象重新定义为一个空对象。

这是我的父组件LeftBar

这是我的两个孩子:

TalksList.vue

FollowedBrowsed.vue

}

当在组件newTalk内部调用该方法时,会发出事件,但之后我的屏幕冻结,就像应用程序在无限循环中一样,我不知道为什么。我省略了一些我认为不相关的代码。FollowedBrowsernewTalk

有谁能够帮我。

提前致谢。

0 投票
1 回答
93 浏览

javascript - Vuejs - 如何在简单的输入类型文本上删除事件 onPressKey

我有一个简单的输入类型文本,我想删除 onKeyPress 以提高性能。

我测试了许多这样的解决方案,但它不起作用。我在 chrome 导航器的性能选项卡上再次看到事件按下

如果您有删除此事件的解决方案,谢谢

0 投票
1 回答
532 浏览

vue.js - Vue - Vue3 组合 API 道具接收问题

我无法在 Vue3 中工作:Counter1 向主 App 页面发出值,App 页面提供 Counter2 组件的道具(因此 Counter2 应该基本上显示 Counter1 发出的数据):

https://codesandbox.io/s/priceless-ishizaka-md3el?file=/src/components/Counter2.vue

我无法让它工作,我想在 Counter2 中还有更多工作要做(我尝试过使用反应对象等,但没有运气)。

我有用 Vue2(单页)编写的相同示例,您可以在此处查看:

0 投票
1 回答
1136 浏览

javascript - 自定义 Vue 组件上的 v-model 不会更改输入值

我正在尝试创建一个customCombobox像正常工作一样的组件,v-combobox添加一个 - 在用户按下tab键后,它将自动选择第一个选项(如果有的话)。

到目前为止我所做的看起来不错,但v-model在这个领域不起作用(它总是null)。

你知道为什么吗?

0 投票
3 回答
1400 浏览

javascript - 如何在 Element UI Input v2.x 中键入时发出值?

这是我的最小工作示例,以下示例使用我们当前在此项目中使用的元素 UI 版本 2.x。

https://codepen.io/peter-peter-the-typescripter/pen/WNGxWEB

在之前的 1.x 版本中,输入能够在开启期间@change以很少的延迟(几毫秒)发出值。但是,它在 v2.x 上发生了变化。您能告诉我如何编辑此代码,以便在我完成输入后几乎立即发出并验证该值吗?

是否可以创建与 1.x 版本类似的行为?
在这里查看:https ://element.eleme.io/1.4/#/en-US/component/input-number

谢谢你。

0 投票
1 回答
1744 浏览

javascript - Vue.js,从子级向父级发出多个参数

我正在尝试从孩子向父母发出多个参数。最好的方法是什么。

孩子

家长

0 投票
0 回答
35 浏览

vue.js - 从下拉组件中捕获事件在父级中不起作用

我正在使用这个精彩的https://www.creative-tim.com/product/vue-black-dashboard-pro并且他们的组件 Base-Dropdown 具有以下代码:

现在在另一个组件中,我们称之为“AddAccount.vue”,我正在使用那个 Base-Dropdown 组件,但我似乎无法捕捉到“更改”事件。我已经尝试了一切。

或者

或者

该组件中没有任何东西被捕获,但是如果我在 Base-Dropdown.vue 中设置断点,它就会被捕获......!