效果展示
代码
<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框<