省市区联级选择不回显

最新推荐文章于 2023-11-06 14:19:16 发布

码小生@是胡

最新推荐文章于 2023-11-06 14:19:16 发布

阅读量336

点赞数

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/weixin_58224449/article/details/127288040

版权

 <el-form-item label="省市区县:" prop="district">
            <el-cascader
              style="width: 80%"
              v-model="area"
              :props="cascaderProps"
              :options="areaList"
            ></el-cascader>
          </el-form-item>

created() {
    
    this.row = this.value
    if (this.row && this.row.id) {
      this.ruleForm = this.value
    
      this.area = ['110000', '110100', '110102']
    
  },

我出现不回显的错误原因是: v-model绑定的area数组接受的是 [安徽省，宿州市，萧县]，直接接受省市区的名称。

解决：this.area = ['110000', '110100', '110102']

应该接收他的编码code！！！！！！