uni-app省市区街道联动http

效果图：

 所有代码：

<template>
    <view class="content">
        <!-- 居住信息 -->
        <view class="item-address">
            <view class="addressCot">
                <view class="addressEdit">
                    <view class="texttitle">选择地区 ：</view>
                    <view class="dialog-address" @click="btnChooseRegion">{ {select}}</view>
                </view>
            </view>
        </view>
        <!-- 修改按钮 -->
        <button class="changeaddress" @click="btnChangeAddress">修改</button>
        <!-- 地址所在地区的选择框 -->
        <view class="view-region" v-if="isDialog">
            <view class="tips-top">
                <text class="text-dizhi">选择地址</text>
                <text class="text-true" @click="btnSelectedData">确定</text>
            </view>
            <!-- 地址选择 -->
            <scroll-view class="scrollvuew-x" scroll-x="true">
                <text :class="isShengFenColor?'text-dzlan':'text-dz'" v-if="isShengFen"
                    @click="btnProviceStr">{ {liveProvince}}</text>
                <text class="text-dzlan" v-if="isShengFenC" @click="btnProviceStr">请选择</text>
                <text :class="isCityColor?'text-dzlan':'text-dz'" v-if="isCity" @click="btnCityStr">{ {liveCity}}</text>
                <text class="text-dzlan" v-if="isCityC" @click="btnCityStr">请选择</text>
                <text :class="isCountyColor?'text-dzlan':'text-dz'" v-if="isCounty" @click="btnCountyStr">
                    { {liveCounty}}</text>
                <text class="text-dzlan" v-if="isCountyC" @click="btnCountyStr">请选择</text>
                <text :class="isRoadColor?'text-dzlan':'text-dz'" v-if="isRoad" @click="btnRoadStr">{ {liveRoad}}</text>
                <text class="text-dzlan" v-if="isRoadC" @click="btnRoadStr">请选择</text>
            </scroll-view>
            <view class="dialog-line"></view>
            <!-- 地址选择列表 -->
            <scroll-view class="scrollvuew-y" scroll-y="true">
                <text class="text-list" v-if="isShengFenList" v-for="(item ,index) in provinceList"
                    @click="btnClickSheng(index)">{ {item.name}}</text>
                <text class="text-list" v-if="isCityList" v-for="(item ,index) in cityList"
                    @click="btnClickCity(index)">{ {item.name}}</text>
                <text class="text-list" v-if="isCountyList" v-for="(item ,index) in countyList"
                    @click="btnClickCounty(index)">{ {item.name}}</text>
                <text class="text-list" v-if="isRoadList" v-for="(item ,index) in roadList"
                    @click="btnClickRoad(index)">{ {item.name}}</text>
            </scroll-view>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                isDialog: false, //是否显示区域选择框
                isShengFen: false, //是否选择了省份
                isCity: false, //是否选择了城市
                isCounty