小程式API提供的滾動選擇器是沒有級聯關係的，請求介面返回的資料是tree型別的

{
	"data": [{
		"flid": "13541",
		"name": "阿斯蒂",
		"children": [{
			"flid": "3c24dcad-2356-4aed-9db3-dfe169e0048c",
			"name": "123",
			"children": null
		}, {
			"flid": "81321b",
			"name": "阿斯蒂芬",
			"children": null
		}]
	}, {
		"flid": "126354asdf,
		"name": "阿斯蒂",
		"children": [{
			"flid": "73a679c2",
			"name": "2333",
			"children": null
		}]
	}]
}
 

類似這樣....

頁面佈局

<picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindcolumnchange" range-key="name" value="{{multiIndex}}" range="{{multiArray}}">
                <view class='model'></view>
                <zan-field placeholder="選擇屬性類別" value="{{select}}">
                </zan-field>
            </picker>
 

<view class='model'></view>是為了遮罩 zanUI選中 和 picker不彈出的問題

下面是css

.model {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
}

下面是js

 data: {
        resData: [],
        multiArray: [],
        multiIndex: [0, 0],
        select: '',
        selectId: ''
    },
    bindMultiPickerChange: function(e) {
        console.log('picker傳送選擇改變，攜帶值為', e.detail.value)
        if (this.data.resData[e.detail.value[0]].children) {
            this.setData({
                multiIndex: e.detail.value,
                select: this.data.multiArray[0][e.detail.value[0]].name+' / '+this.data.multiArray[1][e.detail.value[1]].name,
                selectId: this.data.resData[e.detail.value[0]].flid + ',' + this.data.resData[e.detail.value[1]].flid,
            })
            console.log(this.data.selectId) //這裡存放id傳送給後臺
        } else {
            wx.showToast({
                title: '請選擇完整分類',
                icon: 'none',
                duration: 2000
            })
        }

    },
    bindcolumnchange: function(e) {
        //修改第一列 == 0
        if (e.detail.column == 0) {
            //如果子集有資料
            if (this.data.resData[e.detail.value].children) {
                var child = this.data.resData[e.detail.value].children;
                var arrs = []
                child.forEach(function(item) {
                    arrs.push({
                        name: item.name,
                        id: item.flid
                    })
                })
                var kk = this.data.multiArray
                kk[1] = arrs
                this.setData({
                    multiArray: kk
                })
            } else {
                //如果子集沒有資料
                var arrs = []
                arrs.push({
                    name: '',
                    id: ''
                })
                var kk = this.data.multiArray
                kk[1] = arrs
                this.setData({
                    multiArray: kk
                })
            }

        }
    },
    /**
     * 生命週期函式--監聽頁面載入
     */
    onLoad: function(options) {
        var that = this;
        app.post('******', {}, function(response) {
            console.log(response)
            that.setData({
                resData: response.data
            })
            var arr = [
                [],
                []
            ];
            response.data.forEach(function(item) {
                arr[0].push({
                    name: item.name,
                    id: item.flid
                })
            })
            if (response.data[0].children) {
                response.data[0].children.forEach(function(item) {
                    arr[1].push({
                        name: item.name,
                        id: item.flid
                    })
                })

            }
            console.log(arr)
            that.setData({
                multiArray: arr
            })
        })
    },
 

over