微信小程序

您所在的位置:网站首页 微信小程序下拉菜单怎么关不了 微信小程序

微信小程序

2024-07-01 21:20| 来源: 网络整理| 查看: 265

微信小程序本身并没有自带的下拉框组件,我们可以通过view标签自定义一个下拉框。(仅供参考)

目录 文件目录实现效果实现逻辑设置数据设置默认选项实现弹出下拉框提供选项值设置所选值 源码wxmlwxssjs

文件目录

文件的功能: xxx.js:决定用户操作和界面的交互; xxxw.wxml:决定界面有什么内容; xxx.wxss:决定内容长什么样子。 在这里插入图片描述

实现效果

在这里插入图片描述

实现逻辑 设置数据

在js文件设置下拉框的数据:是否隐藏(默认隐藏),默认选项,可选值;

data:{ //test对象数据 test:{ //默认为隐藏 hidden:true, //默认值为a default:"a", //可选值为:"a","b","c" txt:[ "a","b","c" ] } } 设置默认选项

在wxml中设置选项的默认值:test中的default。 用{{}}引用js的数据



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3