更新记录

1.0.0(2023-04-03)

效果可以去“智慧社区+小程序端”查看效果


平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.7.1 app-vue app-nvue ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× ×

<template>

<view class="bianjia u-demo-block__content">

<u--form labelPosition="left" :model="model" ref="form1">

<u-form-item label="选择房屋:" borderBottom ref="item1" labelWidth="100" @click="toggleMaskLocation">

<u--input v-model="fangwu" border="none" placeholder="请选择房屋" :disabled="true" disabledColor="#fff"

inputAlign="right"></u--input>

<u-icon slot="right" name="arrow-right"></u-icon>

</u-form-item>

</u--form>

<xf-city :headtitle="headtitle" :provincedata="provincedata" :data="selfData" mode="cityPicker" ref="cityPicker"

@funcvalue="getpickerParentValue" :pickerSize="3"></xf-city>


</view>

</template>


<script>

import xf-city from '@/components/xf-city/xf-city.vue';

export default {

components: {

xf-city

},

data() {

return {

provincedata: [],

selfData: [],

showdata: false,

list: [],

indexs: [0, 0, 0],

showSex: false,

lx: 0,

show3: false,

columns3: [],

fangwu:''

}

},

methods: {

toggleMaskLocation() {

this.selfData = this.list;

this.$nextTick(() => {

this.$refs["cityPicker"].show();

})

},

getpickerParentValue(data) {

this.fangwu = data[0].text + "-" + data[1].text + "-" + data[2].text;

// console.log("data",data); //获取地址的value值

// console.log(data.map(o=>{return o.value})); //获取地址的value值

// this.provincedata=data;

// this.addressByPcrs=data.map(o=>{return o.text}).join(" ")

}

}

}

</script>


隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问