单击“编辑”按钮时，我正在尝试创建编辑模式。该模式应该创建一个保存按钮、一个删除按钮，也许还有更多。
我正在使用 jQuery 创建按钮并尝试为它们分配事件，但是当我分配它时事件处理程序被触发。我读过一些关于事件传播的问题，但我似乎无法弄清楚如何解决它。
它不仅被触发，当我尝试单击新按钮时，事件不会被触发。
这是我的问题的一个孤立示例：https : //codepen.io/anon/pen/ooxQXR
我尝试了几种中断传播的方法，但似乎没有任何效果。
e.stopImmediatePropagation();
e.stopPropagation();
e.preventDefault();
关于如何解决这个问题的任何想法？
在这种情况下我会忘记 jQuery - 在大多数情况下使用 Vue 时。为什么不在模板中使用简单的 if/else 块，就像这样。
<div id="app">
<button v-if="!editMode" class="first" @click.stop="clickEvent">First</button>
<template v-else>
<button class="save">Save</button>
<button class="delete">Delete</button>
</template>
</div>new Vue({
el: '#app',
data() {
return {
editMode: false
}
},
methods: {
clickEvent(e) {
this.editMode = true;
}
},
})向保存/删除按钮添加其他事件处理程序应该不是问题。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句