更新记录

1.0.0（2023-07-14） 下载此版本

新版本

平台兼容性

1.参数格式

<template>
    <view class="container">
        <view class="input-content">
            <view class="input-item">
                <text class="tit"><span class="must">*</span>分类单选</text>
                <input name="cate_name" v-model="params.cate_name" placeholder="请选择分类" disabled @tap="showPopup1"/>
                <uni-popup ref="popup1" type="bottom">
                    <zlxls-select-multiple :isMultiple='false' :list="cate" :defaultValue="params.cate_nameArr" showParam="name" @cancel="cancelFun1" @change="memberChange1" />
                </uni-popup>
            </view>
            <view class="input-item">
                <text class="tit">标签多选</text>
                <input name="marksStr" v-model="params.marksStr" placeholder="请选择标签" disabled @tap="showPopup2"/>
                <uni-popup ref="popup2" type="bottom">
                    <zlxls-select-multiple :isMultiple='true' :list="cate" :defaultValue="params.marks" showParam="name" @cancel="cancelFun2" @change="memberChange2" />
                </uni-popup>
            </view>
        </view>
    </view>
</template>
<script>
    import zlxlsSelectMultiple from '@/components/zlxls-select-multiple/zlxls-select-multiple';
    export default {
        components: {zlxlsSelectMultiple},
        data() {
            return {
                cate:[
                    {"id": 21,"name": "女装"},
                    {"id": 22,"name": "女装"},
                    {"id": 23,"name": "女装"},
                    {"id": 24,"name": "女装"},
                    {"id": 25,"name": "女装"},
                    {"id": 26,"name": "女装"},
                    {"id": 27,"name": "女装"}
                ],
                params: {
                    cate_id:0,
                    cate_name:'',
                    cate_nameArr:[],
                    marksStr:'',
                    marks:[]
                }
            }
        },
        onLoad(option) {

        },
        onHide() {

        },
        methods: {  
            //显示
            showPopup1() {this.$refs.popup1.open();},
            cancelFun1() {this.$refs.popup1.close();},
            //多选确认后
            memberChange1(callBackObj) {
                this.params.cate_name = callBackObj.selectedList[0].name;
                this.params.cate_nameArr = [callBackObj.selectedList[0].name];
                this.params.cate_id = callBackObj.selectedList[0].id;
                this.cancelFun1();
            },
            //显示
            showPopup2() {this.$refs.popup2.open();
            },
            cancelFun2() {this.$refs.popup2.close();},
            //多选确认后
            memberChange2(callBackObj) {
                var memberSelected = [];
                callBackObj.selectedList.map(item => {
                    memberSelected.push(item.name);
                });
                this.params.marks = memberSelected;
                this.params.marksStr = memberSelected.join(",");
                this.cancelFun2();
            },
        }
    }
</script>