element-ui多重下拉列表的使用

template

        <div class="block">
            <span class="demonstration">默認 click 觸發子菜單</span>
            <el-cascader
                v-model="value"
                :options="options"
                @change="handleChange"></el-cascader>
        </div>

data

            value:[],
            options:[
                {
                    value: 'zhinan',
                    label: '指南',
                    children:[
                        {
                            value: 'shejiyuanze',
                            label: '設計原則',
                            children:[
                                {
                                    value: 'yizhi',
                                    label: '一致'
                                },
                                {
                                    value: 'fankui',
                                    label: '反饋'
                                }
                            ]
                        }
                    ]
                }
            ]    

methods

        handleChange(value) {
            console.log(value);
        }