基于elementUI Tag标签实现可编辑、支持字符串输入功能

共计 425 个字符，预计需要花费 2 分钟才能阅读完成。

自定义组件新增功能：支持在原有的标签上编辑更改并且支持传入字符串
源码在文章末尾
引入组件
import starInputTag from ‘../../../../common/components/star-input-tag’
注册组件
components: {
starInputTag
}
使用组件
<star-input-tag v-model=”tagList” theme=” 添加新标签 ” />data 中定义 tagList:tagList: [‘ 自定义标签一 ’,’ 自定义标签二 ’,’ 自定义标签三 ’] 同样支持字符串传入：tagList: “ 自定义标签一, 自定义标签二, 自定义标签三 ” 如果是自串串格式，则需在 created 中进行格式转换：
created(){
if(typeof this.tagList ==’string’){
this.tagList = this.tagList.split(‘,’);
}
},
效果如下：
以下给出组件文件和源码：
点击获取组件 -> github 地址