问题标签 [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.
vue.js - 如何在 Bootstrap-Vue 中使用点击事件在 Vue.js 中？
如何<b-nav-item-dropdown>在 Bootstrap-Vue 中使用 click 事件，如下所示？我查看了 Vue.js 文档，但我找不到<b-nav-item-dropdown>.
vue.js - 有条件地将 @submit.prevent 添加到 Vue.js 中的表单
我正在尝试有条件地阻止使用@submit.prevent. 我有一个看起来像这样的通用表单模型（最小化了一点）：
来自家长的电话：
我在搜索中看到了一些类似的东西，但没有什么完全正确的，而且我对 Vue 非常陌生。任何帮助表示赞赏。谢谢！
javascript - Vue JS事件总线数据在事件范围之外不起作用
我正在使用事件总线来显示更新数据的警报。所以每当用户更新数据时，我想显示一个显示“数据已更新”的警报，因此我正在使用事件总线
这是BlogEdit.vue我要触发事件的组件
在BlogList.vue我列出这个事件
但是结果是出乎意料的，因为它变回了假。
为什么this.showalert改成假的？所以导致不显示警报框。
因为我是 vue js 的新手，所以我阅读了文档和其他解决方案，但我不知道我哪里出了问题。
javascript - VUE JS：Onclick 没有按预期增加分数
嘿，我正在做一个简单的游戏，如果用户点击按钮，那么分数将加 1。
单击按钮后，它不会将分数添加 +1，而是将输出显示为“我的分数是 101”。可能的原因是什么？我试图将“增量”解析为 int，但结果是一样的。
javascript - 父组件vue没有收到事件
基于：
https://forum.vuejs.org/t/passing-data-back-to-parent/1201 vue 按钮相关事件未触发
我有：
https://codesandbox.io/s/vigilant-mendeleev-hi4br?file=/src/components/GenericItem.vue
父组件监听子组件发出的事件：
孩子在哪里：
https://codesandbox.io/s/vigilant-mendeleev-hi4br?file=/src/components/EditCategory.vue
发出两个事件：
为什么事件没有到达父级？vue中事件的范围是什么（wrt child-to-parent depth）
vue.js - 如何将来自后端的响应数据传递给 vue.js 中的另一个组件？
我正在开发一个页面，该页面负责下订单Cart.vue，其中包含两个 api 调用， handleMail()方法是发送电子邮件并生成一个 orderID，我正在像这样从网络部分的后端获得响应。
我正在捕获该 orderID 并存储为 orderNumber，现在我想将该 orderNumber 传递给另一个名为的组件orderPlace.vue，并且我想在模板部分中显示该 orderNumber。为此，我正在创建事件总线它不起作用，请帮助我传递 orderNumber到另一个组件...
Cart.vue
OrderPlace.vue
event-bus.js
forms - vue.js：如何动态更改输入字段的值与其他内容的内容并仍在使用值？
我有一个名字和一个姓氏输入字段，并希望在名称输入字段中连接两者，例如
如果我修改了 firstName 或 lastName 字段的值，名称输入字段应该会更新结果。
我有一个脚本，它用来自 GET 请求的数据填充firstName和字段。lastName
我知道我不能同时使用 ``v-bind andv-model`。但是我怎么能解决这个问题呢？
vue.js - Vue 阻止默认路由器链接行为在 Chrome 中有效，但在 Firefox 中无效
我有一个以 arouter-link作为根标签的组件。我想阻止它的默认链接行为，因此如果 JS 出现问题或它被禁用，它会回退到链接。
我用这样的事件修饰符让它在 Chrome 中工作：
@click.native.capture.prevent
但它在 Firefox 中不起作用。我错过了什么？
UPD：我找到了一种解决方法，但我仍然很好奇为什么这不起作用
datepicker - nuxt 上的 Vuetify 日期选择器问题
我使用的日期选择器有点类似于这个例子
文件：datepicker.vue
文件：projects-subform.vue
（我将 DatePicker 作为项目表单中的一个组件导出。）
当我从选择器 UI 中选择日期时，v-text-field 上的显示文本不会反映所选日期。此外，在我从日期选择器中选择日期后，模型 project.start_date 似乎没有更新。当这样的事件错误没有出现在开发工具控制台上时，调试变得非常棘手。
vue.js - 重复的发出事件是否在父组件中重叠/一起调用？
我在父组件中有两个子组件（CModal1和CModal2），它们都是ModalWrapper组件中的包装器。这个包装器组件为每个模式提供了一个过渡效果和一个关闭事件（一个 X 按钮和一个都发出close事件的背景）。现在，如果单击最外层的 ( Modal2 )close按钮，它也会关闭Modal1。这是因为这两个@close事件都会触发吗？
我该如何补救？我应该将Modal2的包装器放在实际组件中，而不是将其包装在父组件中吗？
如果我没有正确解释事情，或者您需要更多代码/上下文，请告诉我。
干杯!
父组件