如題在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 里面有所有選中的數據,可供自行處理
})
}