antd vue 使用tag组件时,调用close会关闭2个标签(已解决)
antd vue 使用tag组件时,调用close会先后关闭2个标签
代码是这样的
handleClose(tag)">
{{ tag.classify_name }}
// 删除标签
handleClose (tag) {
const tags = this.tags.filter(item => item.id !== tag.id)
this.tags = tags
},
解决办法:tag组件的key不要使用索引,改成类似id这样的字段
【antd vue 使用tag组件时,调用close会关闭2个标签(已解决)】使用索引导致删除了2次索引为 i 的值,看起来删除了2个标签
(当然就算使用索引也不应该删2次,是antd vue的锅)
修改后,问题解决
handleClose(tag)">
{{ tag.classify_name }}
推荐阅读
- 由浅入深理解AOP
- vue-cli|vue-cli 3.x vue.config.js 配置
- 【译】20个更有效地使用谷歌搜索的技巧
- 2020-04-07vue中Axios的封装和API接口的管理
- mybatisplus如何在xml的连表查询中使用queryWrapper
- MybatisPlus|MybatisPlus LambdaQueryWrapper使用int默认值的坑及解决
- MybatisPlus使用queryWrapper如何实现复杂查询
- 基于|基于 antd 风格的 element-table + pagination 的二次封装
- iOS中的Block
- Linux下面如何查看tomcat已经使用多少线程