省市联动选择器，地址选择，开箱即用

最新推荐文章于 2024-05-11 10:00:39 发布

与日很像的月

最新推荐文章于 2024-05-11 10:00:39 发布

阅读量558

点赞数

CC 4.0 BY-SA版权

分类专栏： vue3 文章标签：封装 javascript vue.js elementui 前端

本文链接：https://blog.csdn.net/dandelion_zjw/article/details/119029906

先上效果图，开箱即用
省市级联效果图1
省市级联效果图2
省市级联效果图3
代码如下

<template>
  <!-- <select v-model="province" class="width_120">
    <option v-for="p in allCity" :label="p.province" :value="p.province"></option>
  </select>
  <select v-model="country" class="width_120">
    <option v-for="c in countries" :value="c">{
   
   {c}} </option>
  </select>
  <input v-model="detailedAdress" class="width_200 "> -->

  <el-select v-model="province" placeholder="请选择省份" size="mini" class="width_180">
    <el-option v-for="p in allCity" :label="p.province" :value="p.province">