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

自定义组件新增功能：支持在原有的标签上编辑更改并且支持传入字符串
源码在文章末尾
引入组件
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地址