点击li子节点删除transition-group中的li
0
[待解决问题]
点击li子节点，触发dialog弹窗，点击确认按钮，删除父节点li列表
所有回答(1)
0
<template>
<transition-group tag="ul">
<li v-for="item in items" v-bind:key="item" @click="del(item)">{{item}}</li>
</transition-group>
</template>
<script>
export default {
data() {
return {
items: []
}
},
methods: {
del(item) {
this.$confirm('删除?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.items.splice(this.items.indexOf(item), 1)
this.$message({
type: 'success',
message: '删除成功!'
})
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
})
})
}
}
}
</script>
