應(yīng)用場(chǎng)景 后臺(tái)獲取列表 前端可新添加項(xiàng) 新添加項(xiàng)與列表數(shù)據(jù)區(qū)分
    html
    給標(biāo)簽 設(shè)置allow-create和ref屬性

<el-select 
  ref="company" 
  v-model="form.company" 
  filterable 
  allow-create 
  placeholder="請(qǐng)選擇" 
  @change="companyChange"
>
  <el-option
    v-for="item in companyList"
    :key="item.id"
    :label="item.name"
    :value="item.id"
  />
</el-select>

    打印發(fā)現(xiàn) 一旦有先添加項(xiàng)目后 值會(huì)存在于this.$refs.company.createdLabel中，為避免先添加后切換導(dǎo)致添加值不為null在每次change后，先給createdLabel值賦一次空值
    ps: 若沒(méi)有來(lái)回切換的問(wèn)題 可忽略這一步

companyChange() {
  this.$refs.company.createdLabel = null
},

    最終判斷

if (this.$refs.company.createdLabel) {
  // 新添加值
} else {
  // 列表已有值
}

總結(jié)：判斷是否新添加的值主要還是靠createdLabel，至于使用時(shí)機(jī) 判斷時(shí)機(jī) 都可靈活變通
————————————————
版權(quán)聲明：本文為博主原創(chuàng)文章，遵循 CC 4.0 BY-SA 版權(quán)協(xié)議，轉(zhuǎn)載請(qǐng)附上原文出處鏈接和本聲明。                    
原文鏈接：https://blog.csdn.net/lln_1211/article/details/127319745