更新记录

1.1.0（2025-02-13） 下载此版本

• 1、新增参数formName，用于动态表单，属性名不确定时使用，在回调函数change中返回

1.0.0（2025-02-13） 下载此版本

• 1、弹出选择器
• 2、支持单选/多选
• 3、支持v-model双向数据绑定

平台兼容性

ziqirj-popup-select 弹出选择器

• 组件名：ziqirj-popup-select
• 代码块： PopupSelect
• 关联组件：scss/sass，uni-popup，ziqirj-empty，uni-list，uni-icons

插件说明

• 1、弹出选择器
• 2、支持单选/多选
• 3、支持v-model双向数据绑定

使用说明

组件参数

回调函数

使用示例

<template>
    <view style="padding: 15px;">
        <text>多选</text>
        <ziqirj-popup-select v-model="value" :multiple="true" :localdata="localdata" :placeholder="placeholder" @change="handleChange"/>
        <view>
            选中值：<text v-for="item in value" :key="item">{{ item }}</text>
        </view>

        <view style="height: 30px;"></view>
        <text>单选</text>
        <ziqirj-popup-select v-model="radioValue" :multiple="false" :clearable="false" :localdata="localdata" :placeholder="placeholder" @change="handleChange" />
        <view>
            选中值：<text v-for="item in radioValue" :key="item">{{ item }}</text>
        </view>

        <view style="height: 30px;"></view>
        <text>禁用</text>
        <ziqirj-popup-select v-model="value2" :multiple="true" :disabled="true" :localdata="localdata" :placeholder="placeholder" @change="handleChange" />
    </view>
</template>

<script>
    export default {
        data() {
            return {
                value: [],
                localdata: [{value: 1, text: '选项一', selected: false}, {value: 2, text: '选项二', selected: false}, {value: 3, text: '选项三', selected: false}, {value: 4, text: '选项四', selected: false}, {value: 5, text: '选项五', selected: false}],
                placeholder: '请选择选项',
                radioValue: [],
                value2: [1, 2]
            }
        },
        methods: {
            handleChange(e) {
                console.log("handleChange", e)
            }
        }
    }
</script>

<style>

</style>

依赖组件

scss/sass

uni-popup

uni-list

uni-icons

如使用过程中有任何问题，或者您对组件有一些好的建议，欢迎留言

紫琪程序猿