基于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 --> 点击获取插件源码及更多插件源码