更新记录

2.5（2023-08-17）

该组件的升级组件jp-select-plus 已经发布，该组件已停止维护，jp-select-plus组件功能更强大，更方便，支持uni_modules

2.1（2020-12-17）

修复单选无法返回选中数据的问题

2.0（2020-11-16）

修改ios点击问题，增加触底加载功能，增加选中之后是否马上关闭参数

平台兼容性

本组已经弃用，请使用jp-select-plus

该组件功能更强大，更方便。拥有 单选、多选、搜索、弹框选择、多选拼接展示...采用v-model双向绑定操作，用户使用更加方便组件功能更强大，更方便。拥有 单选、多选、搜索、弹框选择、多选拼接展示...采用v-model双向绑定操作，用户使用更加方便

基本用法

<template>
    <view>
        <view @tap="toOpen">请选择</view>
        <jpSelect ref="jpSelect" :list="list" @checked="checked" :item="item" select="more" tite="请选择最美诗句"></jpSelect>
    </view>
</template>

<script>
    import jpSelect from '@/components/jp-select/jp-select.vue';
    export default {
        components: {
            jpSelect
        },
        data() {
            return {
                item: '',
                list: [{
                    id: '01',
                    name: '春江潮水连海平，海上明月共潮生。'
                }, {
                    id: '02',
                    name: '滟滟随波千万里，何处春江无月明！'
                }]
            }
        },
        methods: {
            checked(el) {
                this.item = el
            },
            toOpen() {
                this.$refs.jpSelect.toOpen()
            }
        }
    }
</script>

引入方法

<jpSelect ref="jpSelect" :list="list" @checked="checked" :item="item" tite="请选择最美诗句"></jpSelect>
import jpSelect from '@/components/jp-select/jp-select.vue';
components: { jpSelect },

API

事件

方法

参数说明