ivx页面(4)下拉菜单的页面

简介: ivx页面(4)下拉菜单的页面

1.如何创建下拉菜单组件

点击前台——》点击扩展组件——》点击交互与表单——》下拉菜单

下拉菜单一共有三种选项赋值:一维数组,对象数组,自定义选项

2.可以使用一维数组

       可以使用一维数组变量,一维数组变量里面存放数据,然后和选项列表进行绑定数据源,如果选项不多也可以直接编写

3.使用对象数组

       使用对象数组时区分了显示值和选中值

举例:名字 性别

             张三 男

               李四 女

设置显示值列为名字,选中值列为性别,在页面显示时出现的是名字的选项但是选中名字之后,选中值是对应的性别。这很合适用于传输数据库中储存数据,用数字去代表文字。比如说1表示好,2表示不好,数据库存放数字,前端页面展示文字。

 

4.自定义选项

每个下拉菜单选项,可以单独配置一些属性,比如文本样式,是否禁用。还可以结合下拉菜单分组组件,进行分组。

就是对于每一个菜单选项进行区分,不过这个自定义选项是配合for循环容器创建

 


相关文章
|
22天前
|
移动开发 小程序
如何让uni-app开发的H5页面顶部原生标题和小程序的顶部标题不一致?
如何让uni-app开发的H5页面顶部原生标题和小程序的顶部标题不一致?
|
5月前
|
容器
uniapp中制作侧边导航栏
uniapp中制作侧边导航栏
144 0
|
6月前
|
JSON 前端开发 JavaScript
ElementUI之首页导航及左侧菜单(模拟实现)
ElementUI之首页导航及左侧菜单(模拟实现)
143 0
|
9月前
Fastadmin后台页面添加顶部按钮
操作的前提是需要在fastadmin框架中添加对应的控制器、模型、视图页面,可以手动创建,也可以使用curd一键生成。
130 0
|
8月前
|
容器
ivx页面(3)轮播图的动态数据绑定实现以及轮播图点击跳转页面
ivx页面(3)轮播图的动态数据绑定实现以及轮播图点击跳转页面
83 0
|
JSON 小程序 数据格式
【微信小程序】动态设置导航栏标题
这种方法是使用app.json或者页面的json文件配置导航栏标题。如果是在app.json中进行配置,则它是全局行为,项目所有的页面将显示同一个标题;如果是在页面的json中进行配置,则只会影响当前页面。
378 0
|
JavaScript
uniapp制作app顶部原生导航栏输入框的内容自动变化
uniapp制作app顶部原生导航栏输入框的内容自动变化
208 0
uniapp制作app顶部原生导航栏输入框的内容自动变化
小储云系统内置防红页面美化
小储云内置防洪美化,比较火的防洪页面,特意做到小储云上面,这是本站更新的第一个小储云的页面,会更新越来越多,上传到根目录即可,然后解压-压缩包!
243 0
小储云系统内置防红页面美化
|
前端开发 搜索推荐 JavaScript
|
小程序 索引
【微信小程序】页面tab栏与页面内容联动
我们可以将整个页面考虑成一个轮播图,tab栏就如同轮播图的那小点点,可以控制网那个页面点击,有了思路就非常的好实现了,这时候就需要阅读官网,了解那个属性可以跟轮播图绑定,从而实现点击滚动,滑动也可以使tab栏随之滚动。
362 1
【微信小程序】页面tab栏与页面内容联动