// 树和级联选择器 dataTree: [], categoryTreeProps: { value: 'areaId', label: 'areaName' }, selectedOptions: []
<el-form-item label="省市区" prop="addrProvince"> <el-cascader ref="cascader" v-model="selectedOptions" expand-trigger="hover" :options="dataTree" :props="categoryTreeProps" change-on-select filterable style="width:360px" @change="handleChange" /> </el-form-item>
// 级联选择器选值变更 handleChange(val) { // el-cascader @change 获取全部值 const checkedNodes = this.$refs['cascader'].getCheckedNodes() const pathLabels = checkedNodes[0].pathLabels }
vue 树和级联选择器 el-cascader @change 获取全部值
最新推荐文章于 2024-07-22 23:59:04 发布