Skip to content

tag组件存在严重的bug #118

@modifMX

Description

@modifMX

比如
<tag type="info" v-for="(keyword, i) in kws" :key="i" :on-close="closeTag(i)" :closable="closable">{{keyword}}</tag>

  1. 这个我必须吧,i 传入函数中,应为我需要同i删除数组, 但是这样编写,在加载页面时调用一次closeTag函数,虽然可以通过return 函数的方式解决,但是并不优雅; 复杂的业务逻辑存在问题

2 我在closeTag 中更新了 kws 比如删除数组索引为0的标签,vue有着异步更新机制,这会导致删除新的索引为0的的标签
应为
setTimeout(() => { this.$destroy(); this.$el.remove(); }, 100);
这里会在超时后 删除 this.$destroy(); this.$el.remove();

解决方法是 这样
:key="keyword+'-'+i"

上面问题,最佳解决
// this.$emit('close', e);// the way official suggested
但是需要重新编译 vue-blu

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions