el-cascader省市区只返回区code,怎么回显

如果el-cascader省市区只返回区code，需要进行以下步骤来回显省市区数据：
1. 首先，将后台返回的区code保存在一个数组中。
2. 在el-cascader中设置v-model绑定一个数组，用于保存选中的省市区数据。
3. 在mounted钩子函数中，调用setArea方法将后台返回的区code数组传入，实现数据回显。
具体代码实现可以参考以下示例：

<el-cascader v-model="selectedOptions" :options="options" @change="handleChange"></el-cascader>

<script>
export default {
  data() {
    return {
      selectedOptions: [], // 用于保存选中的省市区数据
      options: [] // 省市区数据源
    }
  },
  mounted() {
    let arr = ['120101001001'] // 后台返回的区code数组
    this.$nextTick(() => {
      this.$refs.cascader.setArea(arr) // 调用setArea方法实现数据回显
    })
  },
  methods: {
    handleChange(value) {
      console.log(value)
    }
  }
}
</script>

相关问题

el-cascader省市区回显

el-cascader组件可以通过v-model来实现省市区的回显。在使用时，可以将需要回显的省市区数据绑定到v-model指定的变量上。例如，如果要回显“广东省深圳市南山区”的数据，则可以将一个长度为3的数组绑定到v-model上，数组的三个元素分别为“广东省”、“深圳市”和“南山区”。

示例代码如下：

<template>
  <el-cascader
    v-model="selectedOptions"
    :options="options"
    :props="props"
  ></el-cascader>
</template>

<script>
export default {
  data() {
    return {
      selectedOptions: ['广东省', '深圳市', '南山区'],
      options: [
        {
          value: '广东省',
          label: '广东省',
          children: [
            {
              value: '深圳市',
              label: '深圳市',
              children: [
                {
                  value: '南山区',
                  label: '南山区',
                },
              ],
            },
          ],
        },
      ],
      props: {
        value: 'value',
        label: 'label',
        children: 'children',
      },
    };
  },
};
</script>

el-cascader回显

el-cascader 组件的回显可以通过 v-model 双向绑定实现。在初始化 el-cascader 组件时，可以将需要回显的数据通过 v-model 绑定到 el-cascader 上，这样选择后 el-cascader 组件会自动将选择的数据赋值给绑定的数据。

例如，如果需要回显 id 为 [1, 2, 3] 的数据，可以这样写：

<el-cascader
  v-model="selectedOptions"
  :options="options"
  :props="props"
></el-cascader>

data() {
  return {
    selectedOptions: [1, 2, 3],
    options: [], // 省略 options 数据
    props: { // 配置 el-cascader 的属性
      value: 'id',
      label: 'name',
      children: 'children'
    }
  }
}

这样选择后，selectedOptions 中就会自动更新为选择的数据，也就是 [1, 2, 3]。如果需要再次回显，只需要将需要回显的数据通过 v-model 绑定到 el-cascader 上即可。