更新记录

1.0.0（2023-05-29） 下载此版本

建议运行示例查看具体效果

基本使用

引入import fdPicker from "@/components/fdPicker/index";组件

使用页面

<template>
    <view class="content">
        <view>
            <button @click="open">选择省市区</button><br>
            <view style="display: flex; justify-content: space-evenly;">
                <view v-if="packRow[0]" class="title">{{packRow[0].lablel}}</view>
                <view v-if="packRow[1]" class="title">{{packRow[1].lablel}}</view>
                <view v-if="packRow[2]" class="title">{{packRow[2].lablel}}</view>
            </view>
            <fdPicker ref="fdPicker"
            @change="accepted">
        </fdPicker>
    </view>
</view>
</template>

<script>
    import fdPicker from "@/components/fdPicker/index";
    export default {
    components: {fdPicker},
    data() {
    return {
    packRow: [],
}
},
    methods: {
    //接收值
    accepted(e) {
    this.packRow = e
},
    //打开组件
    open() {
    this.$refs.fdPicker.reelect()
    this.$refs.fdPicker.show = true
},

}
}
</script>

平台兼容性

uni-app

其他

建议运行示例查看具体效果

基本使用

引入import fdPicker from "@/components/fdPicker/index";组件

使用页面

<template>
    <view class="content">
        <view>
            <button @click="open">选择省市区</button><br>
            <view style="display: flex; justify-content: space-evenly;">
                <view v-if="packRow[0]" class="title">{{packRow[0].lablel}}</view>
                <view v-if="packRow[1]" class="title">{{packRow[1].lablel}}</view>
                <view v-if="packRow[2]" class="title">{{packRow[2].lablel}}</view>
            </view>
            <fdPicker ref="fdPicker"
            @change="accepted">
        </fdPicker>
    </view>
</view>
</template>

<script>
    import fdPicker from "@/components/fd-picker/index";
    export default {
    components: {fdPicker},
    data() {
    return {
    packRow: [],
}
},
    methods: {
    //接收值
    accepted(e) {
    this.packRow = e
},
    //打开组件
    open() {
    this.$refs.fdPicker.reelect()
    this.$refs.fdPicker.show = true
},

}
}
</script>