uniapp实现多级菜单选择u-select

html

<button v-for='(item,index) in 5' :key="index" @click="changeSelectClass(index)">选择菜单</button>
//此组件可以根据children的深度自动增加子级菜单
<u-select @click="show = true" :default-value="defaultValue" mode="mutil-column-auto" v-model="show" :list="classList" value-name="id" @confirm="selectconfirm" safe-area-inset-bottom>
</u-select>
//mode是列数，single-column是单列,mutil-column-auto是多列根据数组深度扩充
//其中value-name是自定义将id替换为原来的value这个值

{show:false,defaultValue:[1],//默认选中第二项，当点击确定按钮的时候设置默认选择菜单中的第几项classList:[{id: '1',label: 'first'children:[id:'11',label:'nice']},{id: '2',label: 'second',children:[id:'12',label:'niceSecond']},{id: '3',label: 'third',children:[id:'13',label:'niceThird']}]
}

methods:{changeSelectClass(index) {console.log(index);},selectconfirm(e) {console.log(e);}}

uniapp实现多级菜单选择u-select相关推荐

使用纯HTML和OmniFaces构建动态响应的多级菜单
最近,我不得不使用JSF 2.2创建一个响应式多级菜单. 要求:菜单应: 从后端使用动态结构创建反应灵敏,例如对桌面和移动设备友好有带有导航链接的子菜单项支持触摸事件支持键盘辅助功能 Prim ...
html ui 下拉列表,Atitit.ui控件-下拉菜单选择控件的实现select html_html/css_WEB-ITnose...
Atitit.ui控件---下拉菜单选择控件的实现select html 1. 调用& model的实现 1 2. -----select.jsp------ 1 1. 调用& mod ...
为什么二级菜单会被挡住_多级下来菜单被select挡住的有关问题
当前位置:我的异常网» HTML/CSS » 多级下来菜单被select挡住的有关问题多级下来菜单被select挡住的有关问题 www.myexceptions.net 网友分享于:2013-02 ...
STM32之简易GUI（多级菜单进阶版）
很久之前,写过一个简易的多级菜单,如今回头看,我都不敢承认那玩意是自己写的,于是打算重新写过一个,并且做成一个简易的GUI.原来用的OLED,现在改成了TFT(ST7789驱动).但是答题的思路还是不 ...
【STM32】基于STM32F103C8T6的水质检测系统设计（声光报警、多级菜单）
需求 1.检测参数:水温.TDS.浊度.PH 2.超出阈值声光报警 3.LCD显示目标参数的测量结果 4.测量模式:单参数测量.所有参数表同时测量切换方式:按键切换原理单总线技术单总线技术采用 ...
day1 作业二：多级菜单操作
作业二:多级菜单 (1)三级菜单 (2)可以次选择进入各子菜单 (3)所需新知识点:列表.字典要求:输入b返回上一层,输入q退出整个程序思路:三级菜单第一级别是省,第二级别是市,第三级别是县,用户 ...
SPSS数据记录的选择（Select Cases）
SPSS数据记录的选择(Select Cases) 在数据分析时,有时可能只对某些记录感兴趣.例如,在判别分析时,可能用其中90%的记录数据建立判别函数,用其余10%的记录来考核判别函数.此时,可以通 ...
qml中使用combobox实现多级菜单_excel实用技巧：如何构建多级下拉菜单
编按:哈喽,大家好!说到做下拉菜单,小伙伴们都知道直接使用Excel中的数据验证就可以实现,但是二级.三级,甚至更多级的下拉菜单,可能就有点蒙圈了.其实用Excel制作三级下拉菜单,一点都不难,它就跟 ...
响应式多级菜单侧边菜单栏_使用纯HTML和OmniFaces构建动态响应的多级菜单
响应式多级菜单侧边菜单栏最近,我不得不使用JSF 2.2创建一个响应式多级菜单. 要求:菜单应: 从后端使用动态结构创建 React灵敏,例如对桌面和移动设备友好有带有导航链接的子菜单项支持触 ...

uniapp实现多级菜单选择u-select

uniapp实现多级菜单选择u-select相关推荐

最新文章

热门文章