它可以工作，但是在功能触发之前，我需要单击两次按钮。
单击该按钮触发功能后，如何制作？
export default {
methods: {
remove(){
$('.remove-me button').click( function() {
removeItem(this);
});
function removeItem(removeButton) {
var productRow = $(removeButton).parent().parent();
productRow.slideUp(fadeTime, function() {
productRow.remove();
recalculateCart();
});
}
}
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<template>
<div class="remove-me">
<button type="button" @click="remove">Remove</button>
</div>
</template>https://vuejs.org/v2/guide/list.html#Caveats中已经有一个很好的删除项目示例
您不需要jquery。该代码是上面链接的简化版本
在HTML中：
<ul>
<li v-for="(todo, index) in todos" :key="index" >
<button @click="todos.splice(index, 1)">Remove {{ todo }}</button>
</li>
</ul>
在其中的数据中添加一些待办事项<script>：
data: {
todos: ["one", "two", "three"]
}
您编写jquery来操作DOM。在Vue中，数据将为您呈现DOM。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句