更新记录

1.0.4（2023-02-08）

更新文档

1.0.3（2023-02-08）

样式微调

1.0.2（2023-02-07）

新增了父子级联选择功能

平台兼容性

参数说明

接口返回值说明

    //1、接口返回值为
    {
        code:200,
        result：{
            qqq:"qqq",
            bbb:"bbb",
            records:[
                {需要展示的数据001}，
                {需要展示的数据002}，
                {需要展示的数据003}
            ]
        }
    }
    success值则需要传["result", "records"]
    //1、接口返回值为
    {
        code:200,
        result：[
            {需要展示的数据001}，
            {需要展示的数据002}，
            {需要展示的数据003}
        ]
    }
    success值则需要传["result"]

返回值说明

    treeConfirm(e) {
        console.log("你点击了确定")
        console.log(e)
        /**
         * e==>
         * [
         *   {id: "100", name: "测试100", parentId: ["1"]}
         *   {id: "110", name: "测试110", parentId: ["1","2"]}
         *   {id: "111", name: "测试111", parentId: ["1","2","3"]}
         * ]
         * e为选中的数据数组
         * e中的对象中有id(idKey指定的字段值)、name(nameKey指定的字段)、parentId(处自己外所有上级的id数组)
         */
    },

代码使用示例

<template>
    <view class="content">
        <button @click="dakai">打开</button>
        <peng-lazy-tree ref="pengLazyPeng" 
            title="选择器" 
            titleColor="red"
            cancelColor="#757575"
            confirmColor="#007aff"
            :maskClick="true"
            :selectParent="true"
            :multiple="true"

            url="https://admin.qingshanzhi.cn/cc-admin/qsz/speciesType/list"
            formUrl="parentId" 
            default="0"
            :header="header"
            :formData="formData"
            method="GET"
            :success="success"

            idKey="id"
            nameKey="name"
            allKey="id"

            @error="error"
            @confirm="confirm"
            @cancel="cancel" />
    </view>
</template>

<script>
    export default {
        data() {
            return {
                formData:{
                    name:"",
                    valuel:""
                },
                header: {
                    Authorization: uni.getStorageSync('token'),
                },
                success: ["result", "records"]
            }
        },
        methods: {
            //打开选择器
            dakai() {
                this.$refs.pengLazyPeng._show()
            },
            //接口报错返回
            error(e) {
                console.log(e)
            },
            //点击确定返回
            confirm(e) {
                console.log(e)
            },
            //点击取消时间
            cancel(e) {
                console.log(e)
            }
        }
    }
</script>