<el-form-item>
    <el-input 
      placeholder="請輸入關(guān)鍵詞后回車確認(rèn)"
      type="textarea" 
      maxlength="10" 
      v-model="keyword" 
      @keydown.native="pushKeyword($event)"
      :rows="4">
</el-input>
<div class="keyword">
    <el-tag 
      v-for="(tag,index) in feedsForm.keyword"
      :key="tag"
      closable
      type="info"
      @close="handleClose(index)">
      {{tag}}
    </el-tag>

    <span class="length">
      <span class="num">{{feedsForm.keyword.length}}</span>/ 10
    </span>
</div>
</el-form-item>

data() {
    return {
    feedsForm:{},
      keyword: "",
}，

methods:{
 // 獲取關(guān)鍵詞
    pushKeyword(event) {
      if (event.keyCode === 13) {
        event.preventDefault(); // 阻止瀏覽器默認(rèn)換行操作
        if (this.keyword && this.feedsForm.keyword.length < 10) {
          this.feedsForm.keyword.push(this.keyword);
        }
        this.keyword = "";
        return false;
      }
    },
    // 關(guān)鍵詞關(guān)閉事件
    handleClose(index) {
      this.feedsForm.keyword.splice(index, 1);
      // debugger;
      console.log(index);
    }
    }