vue开发H5城市三级联动（代码全）

最新推荐文章于 2024-10-22 10:44:20 发布

就像风1样

最新推荐文章于 2024-10-22 10:44:20 发布

阅读量2.7k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Vue vue专栏文章标签： vue h5 城市三级

本文链接：https://blog.youkuaiyun.com/qq_42221334/article/details/92617571

看图说话：

1.安装组件：npm install v-distpicker --save

2.调用代码（全）：

<template>
  <div>
    <div class="head_top">
      <div class="right r">
          
          <div class="CityList" >
            <div>{
  
  {province}}</div>
            <div>{
  
  {city}}</div>
            <div>{
  
  {area}}</div>
          </div>
          <div v-if="Unlimited" class="Unlimited">不限地区</div>
          <div class="cancel" @click="toAddress">
            <div v-show="cancelProvinceShow" @click.stop="cancelProvince">╳</div>
            <div v-show="cancelCityShow" @click.stop="cancelCity">╳</div>
            <div v-show="cancelAreaShow" @click.stop="cancelArea