更新记录

1.0.1（2024-08-11） 下载此版本

• 调整为uni_modules目录规范

平台兼容性

hj-select

下拉框，单选，多选，搜索，重置

<view style="padding: 30px;">
    <view class="title">
        单选
    </view>
    <hj-select :list="options1" value-key="id" v-model="checkList1" @search="searchEvent" @change="selectChange"
        @confirm="confirmSearch" @reset="resetSearch1">
    </hj-select>
    <view class="title">
        多选
    </view>
    <hj-select multiple :list="options" value-key="id" v-model="checkList" @search="searchEvent"
        @change="selectChange" @confirm="confirmSearch" @reset="resetSearch">
    </hj-select>
    <view class="title">
        插槽
    </view>
    <hj-select showCheckIcon showArrowRight :list="options2" value-key="id" v-model="checkList2"
        @search="searchEvent" @change="selectChange" @confirm="confirmSearch" @reset="resetSearch2">
        <template v-slot:arrowRight>
            <view style="font-size: 14px;margin: 0 10px;">
                点击
            </view>
        </template>
        <template v-slot:checkIcon>
            <view style="width: 10px;height: 10px;border-radius: 50%;background-color: blue;"></view>
        </template>
    </hj-select>
</view>

export default {
    data() {
        return {
            options: [{
                id: 1,
                label: "测试1",
            }, {
                id: 2,
                label: "测试2",
            }, {
                id: 3,
                label: "测试3",
            }, {
                id: 6,
                label: "测试6",
            }, {
                id: 7,
                label: "测试7",
            }, {
                id: 8,
                label: "测试8",
            }],
            options1: [{
                id: 1,
                label: "测试1",
            }, {
                id: 2,
                label: "测试2",
            }, {
                id: 3,
                label: "测试3",
            }],
            options2: [{
                id: 6,
                label: "测试6",
            }, {
                id: 7,
                label: "测试7",
            }, {
                id: 8,
                label: "测试8",
            }],
            checkList1: 1,
            checkList: [],
            checkList2: 6,
        }
    },
    onLoad() {

    },
    methods: {
        selectChange(evt) {
            // console.log("selectChange",evt);
        },
        confirmSearch(evt) {
            // console.log("confirmSearch",evt);
        },
        resetSearch() {
            this.checkList = []
        },
        resetSearch1() {
            this.checkList1 = []
        },
        resetSearch2() {
            this.checkList2 = []
        },
        searchEvent(evt) {
            // console.log("searchEvent",evt);
        },
    }
}

Props

list 数组对象属性

点击事件