element ui el-tag的使用

效果展示

代码

<el-form-item label="颜色">
   <el-tag
   :key="tag.name"
   v-for="tag in form.colors"
   closable
   :disable-transitions="false"
   @close="handleClose(tag)">
   {
  {tag.name}}
   </el-tag>
   <el-input
   class="input-new-tag"
   v-if="inputVisible"
   v-model="inputValue"
   ref="saveTagInput"
   size="small"
   @keyup.enter.native="handleInputConfirm"    按回车键调用
   @blur="handleInputConfirm">                 失去焦点后调用
   </el-input>
   <el-button v-else class="button-new-tag" size="small" @click="showInput">+ New Tag</el-button>  点击出现input框