uniapp如何实现picker二级联动选择？

效果

代码

<template>
    <view class="content">
        <view class="content-box">
            <view class="box">
                 <view class="box-item">
                     <picker class="item-picker"
                             mode="multiSelector"
                             range-key="name"
                             @change="classifyChange"
                             @columnchange="columnchange"
                             :value="classifyIndex"
                             :range="classifyArr">
                         <view>{{ name }}</view>
                     </picker>
                 </view>
            </view>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                 dataSource: [
                    { id: 1,
                       name: '星期一',
                       child: [
                           {
                               id: 2,
                               name: '星期一晴天'
                           },
                           {
                               id: 3,
                               name: '星期一雨天'
                           },
                       ],
                    },
                    { id: 4,
                       name: '星期二',
                       child: [
                           {
                               id: 5,
                               name: '星期二暴雨'
                           },
                           {
                               id: 6,
                               name: '星期二转晴'
                           },
                           {
                               id: 7,
                               name: '星期二冰雹'
       ...

点击查看剩余70%