Element的el-cascader組件獲取級聯選中的label值


Element的el-cascader(級聯器)組件的value容易獲取,主要是label。用 this.$refs[關聯組件名].currentLabels 可以獲取,但是這個方法已經過期了。

需使用getCheckedNodes方法的節點獲取。即

this.$refs["cascader"].getCheckedNodes()[0].label

示例代碼如下:

<el-cascader
    v-model="statIndicatorForm.categor"
    :options="optionsCategor"
    :show-all-levels="false"
    placeholder="請選擇"
    @change="handleChange"
    ref="cascader"
/>
methods: {
  handleChange(value) {
      console.log(this.$refs["cascader"].getCheckedNodes()[0].label)
  }
}

如果想要獲得多級級聯的label,則通過pathLabels可以獲得對應的label數組。

methods: {
  handleChange(value) {
      console.log(this.$refs["cascader"].getCheckedNodes()[0].pathLabels)
  },
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM