如何让 Vue 处理 jQuery 动态创建的按钮的事件？答案

【问题标题】：How to have Vue handle events for jQuery dynamically created button?如何让 Vue 处理 jQuery 动态创建的按钮的事件？
【发布时间】：2018-08-22 20:51:09
【问题描述】：

我正在使用 jQuery $.each() 方法为表格的每一行创建操作按钮。每个按钮都有v-on:click="delete" 事件处理。但是当点击这些按钮时，这个事件没有被处理。

Anyway 事件正在处理来自 stratch 的 DOM 元素。怎么了？

【问题讨论】：

我正在使用 jQuery $.each() 方法为表格的每一行创建操作按钮。 这是错误的。请改用 Vue 的 v-for。不要使用 jQuery 修改 Vue 模板 HTML。
@connexo 是的，你是对的！我找到了使用 Vue 的 v-for 而不是 jQuery 的 $.each() 的方法

标签： jquery vue.js

【解决方案1】：

您正在生成动态元素，因此请尝试以下代码：

$('your-parent-element').on('click', 'button', function(){
//write you code here.
})

“无论如何，事件正在使用来自stratch 的 DOM 元素。出了什么问题” - 检查您的浏览器控制台面板是否有任何错误。

希望对您有所帮助。

【讨论】：

这完全忽略了问题。