更新记录

1.0.0（2023-04-03） 下载此版本

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

平台兼容性

<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>