vue删除当前dom节点需要通过两步来实现:
第一步:v-for循环dom节点,保证每个li都有一个删除按钮,并绑定删除事件
<ul> <li ref="li" v-for="(item, index) in datahistory" :key="index"> {{item}} <button @click="deleteFn">删除</button> </li> </ul>
第二步:删除dom节点
deleteFn () { this.datahistory.splice(this.$refs.li[index], 1) // 点击调用删除方法,在datahistory数组里删除index这个下标项,逗号后面的1就代表删除当前的1项 }
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论(0)