注意：u-picker组件数据显示的注意事项

最新推荐文章于 2024-04-30 11:26:02 发布
最新推荐文章于 2024-04-30 11:26:02 发布
阅读量881 收藏 8
点赞数 9
文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YXAAA520/article/details/135572204
版权
作者在使用u-picker组件时遇到数据无法显示的问题，发现绑定数据需遵循特定格式：两层数组结构。文章探讨了解决方法和格式要求。
摘要由CSDN通过智能技术生成

今天写u-picker组件，数据格式的问题导致数据一直无法显示。整的一头懵逼。

u-picker组件绑定的数据一定要是这种格式哦

是[[{},{}]]两层数组的形式！！！！！！！

YXAAA520
关注
  • 9
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
uniapp uView u-picker组件三级联动Demo
02-12
- 1、分2个入口：一个添加，一个编辑（编辑涉及到数据回显） - 2、添加的时候，展示的数据是默认的，是上一列第一行数据的详情（所有的年级（第一列），一年级...- 7、选择数据之后把数据赋值给`input`框显示 并关闭框
vue-picker:Vue的选择器组件
05-14
vue-picker的组件，囊括了（普通选择、联动选择、中国地址选择）等等常见的picker，兼容PC、移动端，通过简单配置就可以出现一个强大的picker，感受下效果图。 Demo(快点去复制代码体验一波吧) Install npm install ...
uview使用u-picker动态加载columns不显示的问题【已解决】
weixin_40918145的博客
01-26 1135
很奇怪，虽然这者得到的结果是一样的，但是就是有问题，谁懂？【背景】picker里面的数据需要动态加载。
u-picker多列用法和设置默认选中值
github_53963510的博客
03-29 6338
u-picker多列用法及设置默认值 keyName="name" ，意思是把 name 作为 piker 选项显示的关键字 columns作为一个数组，其内部有几个成员，则代表有当前piker有几列 cancel、change、confirm 分别为取消、改变选值和确定执行的几个方法 title为piker的顶部标题；loading为true时，会打开加载动画
uni-app 微信小程序开发 常见问题
最新发布
weixin_45710745的博客
04-30 472
解决方案点击重置按钮时, 直接重新加载整个页面。
uniapp中uview组件库中丰富的Picker 选择器用法
精通前端技术，了解后端接口
12-29 2538
data() {return {columns: [[{label: '雪月夜',// 其他属性值id: 2021// ...}, {label: '冷夜雨',id: 804}]],
uniapp两级联动组件picker跟uview u-picker的封装
Allen-Ye博客
06-02 1238
uniapp两级联动组件picker跟uview u-picker的封装
uniapp使用u-popup组件弹窗出现页面还可滑动
weixin_53339757的博客
01-31 1883
解决u-popup出现遮罩层页面滑动问题
【uniapp】picker-view选择器的使用
每天进步一点点, 靠近小目标一点点~
03-06 4486
前文在picker使用的帖子介绍到, 需要做一个医院下拉选择的一个功能, 因为长久没用, 忘记了picker和picker-view的使用, 因为picker弹框的样式是自带的, 且无法更改样式, 插入到项目很不友好, 于是把组件替换成picker-view
uni-app uni-data-picker 省市区数据表
06-16
<uni-data-picker> 是一个选择类datacom组件。支持多列级联选择。列数没有限制，如果屏幕显示不全，顶部tab区域会左右滚动。 适用于uni-app使用uni-data-picker实现省市区选择器的json数据
解决Element中el-date-picker组件不回填的情况
01-21
当我们在实用ElementUI组件完成项目的时候可能会遇到这样的需求，比如： 新建一个活动，需要定义活动的时间范围； 因此我们在新建活动的操作过程中需要选择一段时间区间以及活动名称等信息提交，新建完成； 网页上...
uview2.x u-picker省市区的数据js
06-01
uview2.x u-picker省市区的数据js
uniapp使用uView组件库u-picker选择器组件无法正常渲染的踩坑记录！
不想被卷出去的前端老鸟
05-05 1480
唤起了u-picker组件但是数组里面的值没有渲染上去。被坑的不轻，找了半天原因！
uView的组件u-picker 选择器
努力、拼搏、奋进
10-18 1804
uView的组件u-picker 选择器
uview 组件 使用 picker 组件 无法显示的问题
初遇你时动了情
04-28 4306
u-picker :show="labelShow" @close="close" ref="uPicker" @cancel="close" keyName="label_name" :columns="lableData1"> </u-picker> 其中lableData1格式 lableData1:[[{label_name:"labe名称",id:"154aer"}]] keyName显示名称 label_name。
记录写APP遇到的坑
guwensheng12的博客
11-24 2117
1、uview的u-picker组件弹出层数据不显示的问题，如下 然后查资料发现大多数都用不上，比如说picker的columns属性前面没有加:，但是我加了，就是不显示，还有说什么样式的问题，我试了也没有用，然后我一个一个排除，发现u-piker这个组件只能放在在代码最后才能生效。。。着实给我无语了(￣_￣|||) 至于什么原因，我在官方文档里面没有找到原因，以后知道了再补充 ...
uview中 u-picker无法显示
初遇你时动了情
09-14 1142
【代码】uview中 u-picker无法显示。
【项目难点】遇到了uPicker不能正确渲染的问题
SDUzzy的博客
07-02 3924
picker不渲染 年度是一个时间选择器，但是点击没有显示。 将绑定为是否显示的变量show设置为true之后，就可以显示了 但是无法再次拉起，这说明这个选择器确实被渲染出来了，但是不知道如何拉起它。 考虑是不是这个就渲染一次，然后被清除掉了，又增加了一个按钮，点击以后让show变成true，发现又可以拉起来了。 换一个思路，如果将整个标签都绑定一个触摸事件，应该就可以达到点击拉起选择器的功能了，在其所在的form-item中绑定一个tap事件，当点击时让控制显示的变量为true。 点击以后发现可以正
小程序 picker组件选中数据 无法显示
xx2410653967的博客
04-06 3730
若想获取到 picker组件里的值的话这样看是没有任何问题的 上代码： 那么问题来了： 注意：如果你是数组的话，选中数据但是无法显示选中的数据（一定得加objectArray） 然后。index 获取的是下标。我们要获取的是要显示的数据所以 这样就可以直接打印出来了 ...
u-picker组件
07-27
您好！C知道在这里为您解答问题。关于 "u-picker" 组件，我理解您可能指的是 CSDN 开发的一款名为 "u-picker" 的 UI 组件库。"u-picker" 是一个基于 Vue.js 的开源组件库，用于实现各种类型的选择器，如日期选择器、时间选择器、地区选择器等。它提供了丰富的选项和配置，可用于快速构建交互式的选择器界面。 该组件库的使用方式可以参考官方文档，其中包含了详细的示例和使用说明。您可以通过在浏览器中搜索 "u-picker CSDN" 来找到相关文档和代码示例。如果您有具体的问题或需要更多帮助，请随时告诉我。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值