element 选地区三级联动 select 选中不展示踩了一天的坑

最新推荐文章于 2024-03-09 16:20:55 发布

东泽o.0

最新推荐文章于 2024-03-09 16:20:55 发布

阅读量620

点赞数

文章标签： html html5 node.js

本文链接：https://blog.csdn.net/qwe19991123/article/details/121540272

版权

在使用Element UI进行HTML5开发时，遇到一个三级联动Select组件的选中值不显示的问题。经过一天的排查，发现在v-model和option中都使用了同一接口返回的对象导致。通过将最后一个下拉框的v-model绑定值移出dataform，问题得到解决，成功避免了这一常见坑。

摘要由CSDN通过智能技术生成

<el-form-item :label="this.$i18n.t('order.pcd')" prop="province">
          <el-col :span="6">
            <el-form-item prop="province">
              <el-select
                v-model="dataForm.provinceId"
                :placeholder="this.$i18n.t('tip.select')"
                @change="selectProvince"
              >
                <el-option
                  v-for="province in provinceList"
                  :key="province.areaId"
                  :label="province.areaName"
                  :value="province.areaId"
                ></el-option>
              </el-select>
            </el-form