element Cascader級聯選擇器獲取輸入框的label值


如題在element的Cascader組件中,一般獲取值是value,即為隱藏的標識key值;

但有時我們需要顯示輸入框里面的展示的label,如果獲取呢

這里就提到了組件帶有的 getCheckedNodes 方法

<!-- tempate -->
  <el-cascader
      ref="cascaderAddr"
      clearable
      :options="categoryOptions"
      :props="{ multiple: true, checkStrictly: true }" 
      v-model="form.categoryId"
      placeholder="請選擇分類"
      @change="categoryChange"
       style="width:100%;" 
    />

<!-- script -->
categoryChange(val) {
  // 使用 $nextTick 是為了避免直接刪除tag延遲取值
  this.$nextTick(() => {
    const selectCategory = this.$refs['cascaderAddr'].getCheckedNodes();
    // selectCategory 里面有所有選中的數據,可供自行處理
  })
}

 


免責聲明!

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



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