|  | @@ -1,12 +1,27 @@
 | 
	
		
			
				|  |  |  <!--  -->
 | 
	
		
			
				|  |  |  <template>
 | 
	
		
			
				|  |  |    <div>
 | 
	
		
			
				|  |  | +    <div class="text-right m-b-10px">
 | 
	
		
			
				|  |  | +      <el-button size="small" type="primary" @click="addNewTag = true; newTagText = ''">添加新标签</el-button>
 | 
	
		
			
				|  |  | +    </div>
 | 
	
		
			
				|  |  | +    <div class="m-b-12px flex" v-if="addNewTag">
 | 
	
		
			
				|  |  | +      <el-input
 | 
	
		
			
				|  |  | +        v-model="newTagText"
 | 
	
		
			
				|  |  | +        placeholder="请输入标签,按回车键确认!"
 | 
	
		
			
				|  |  | +        clearable
 | 
	
		
			
				|  |  | +        class="!w-300px"
 | 
	
		
			
				|  |  | +        @keyup.enter="saveTags"
 | 
	
		
			
				|  |  | +      />
 | 
	
		
			
				|  |  | +      <el-button type="primary" class="m-l-12px" @click="saveTags">保存</el-button>
 | 
	
		
			
				|  |  | +      <el-button @click="addNewTag = false">关闭</el-button>
 | 
	
		
			
				|  |  | +    </div>
 | 
	
		
			
				|  |  |      <div>
 | 
	
		
			
				|  |  |        <el-tag
 | 
	
		
			
				|  |  |          v-for="(item, index) of list"
 | 
	
		
			
				|  |  |          :key="index"
 | 
	
		
			
				|  |  |          closable
 | 
	
		
			
				|  |  |          size="large"
 | 
	
		
			
				|  |  | +        @close="deleteTag(index)"
 | 
	
		
			
				|  |  |          class="m-r-10px m-b-10px"
 | 
	
		
			
				|  |  |        >{{ item.skillsName }}</el-tag>
 | 
	
		
			
				|  |  |      </div>
 | 
	
	
		
			
				|  | @@ -45,4 +60,15 @@ const tagList = [
 | 
	
		
			
				|  |  |  ]
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  const list = ref(props.data && props.data.length ? cloneDeep(props.data) : tagList)
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +const addNewTag = ref(false)
 | 
	
		
			
				|  |  | +const newTagText = ref('')
 | 
	
		
			
				|  |  | +const saveTags = () => {
 | 
	
		
			
				|  |  | +  list.value.push({skillsName: newTagText.value})
 | 
	
		
			
				|  |  | +  addNewTag.value = false
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +const deleteTag = (index) => {
 | 
	
		
			
				|  |  | +  list.value.splice(index, 1)
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  |  </script>
 |