Vue ele 省市区三级联动

最新推荐文章于 2023-05-24 11:07:20 发布

张张524

最新推荐文章于 2023-05-24 11:07:20 发布

阅读量573

点赞数 2

本文链接：https://blog.csdn.net/sinat_42501006/article/details/97259145

版权

本文介绍了如何使用Vue.js框架实现省市区三级联动效果，详细讲解了数据结构设计、组件编写及事件通信等关键步骤，帮助开发者理解Vue动态数据绑定和组件化思想。

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

 <div >
            <el-select
              v-model="sheng"
              @change="choseProvince"
              placeholder="选择省份"
            >
              <el-option
                v-for="item in province"
                :key="item.id"
                :label="item.value"
                :value="item.id">
              </el-option>
            </el-select>
            <el-select
              v-model="shi"
              @change="choseCity"
              placeholder="选择市">
              <el-option
                v-for="item in shi1"
                :key="item.id"
                :label="item.value"
                :value="item.id">
              </el-option>
            </el-select>
            <el-select
              v-model="qu"
              @change="choseBlock"
              placeholder="选择区">
              <el-option
                v-for="item in qu1"
                :key="item.id"
                :label="item.value"
                :value="item.value">
              </el-option>
            </el-select>
          </div>