uin-app 在nvue使用picker-view踩得坑

最新推荐文章于 2024-05-02 17:21:43 发布

lixu102593

最新推荐文章于 2024-05-02 17:21:43 发布

阅读量849

点赞数

文章标签： html js vue css

本文链接：https://blog.youkuaiyun.com/lixu102593/article/details/118045991

版权

本文探讨了在NVue中设置indicatorStyle高度时遇到的80rpx单位转换问题，指出了使用px的必要性，并解决了value值传递导致的picker-view显示异常，通过v-if判断赋值的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1设置indicatorStyle属性高度有偏差的问题

indicatorStyle: height:80rpx;不能在nvue使用rpx做单位会有误差，只能使用px才行

2设置value值不起作用

把value值从上一个页面带过来赋值给picker-view不起作用，解决方法是判断value值是否有值，使用v-if去控制picker-view的显隐

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

lixu102593

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

uni-app快速入门

邓邓子的博客

09-23

9304

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。DCloud 公司拥有900万开发者、数百万应用、12亿手机端月活用户、数千款uni-app插件、70+微信/qq群。阿里小程序工具官方内置uni-app，腾讯课堂官方为uni-app录制培训课程，开发者可以放心选择。uni-app 在手，做啥都不愁。即使不跨端，uni-app 也是

uniApp / 小程序实现一个view滚动到一定高度置顶显示

C_zhihao的博客

07-03

3274

最近在使用uniApp做一个模仿美团小程序的demo，其中遇到这样一个需求，就是筛选模块滚动到顶部就置顶显示查阅了uniApp的官方文档以及微信小程序的官方文档，发现都有一个相同的API,如下：实现思路如下： 1.在onLoad或mounted页面初始化的生命周期方法中获取需要置顶的view距离顶部的高度保存到data中 onLoad() { // 监听筛选组件距离顶部的距离 const query = wx.createSelectorQuery() query.select.

参与评论您还未登录，请先登录后发表或查看评论

uniapp picker-view嵌入页面的滚动选择器(地区版省市区三级联动）

weixin_51867622的博客

02-05

3727

//这里使用了插件市场的组件pcaPicker （组件的代码放在最后了）连接：pcaPicker - DCloud 插件市场 1.引入组件注册组件使用组件 import pcaPicker from '@/components/pcaPicker/pcaPicker.vue' components: { pcaPicker }, <pcaPicker ref="pcaPicker" @confirm="getPCA01">&lt...

【uniapp】picker-view选择器的使用

每天进步一点点, 靠近小目标一点点~

03-06

5706

前文在picker使用的帖子介绍到, 需要做一个医院下拉选择的一个功能, 因为长久没用, 忘记了picker和picker-view的使用, 因为picker弹框的样式是自带的, 且无法更改样式, 插入到项目很不友好, 于是把组件替换成picker-view

一个关于 UIPickerView 的 bug

weixin_33831196的博客

02-22

221

首先，我下描写叙述一下bug的发生情况：在使用UIPickerView实现选择城市的时候。出现这样一个Bug 1、在iOS 6的系统上 2、Picker的数据上省份一栏选择了“香港”或者“澳门”这些没有二级数据的地区 3、然后滑动PickerView的二级选项。结果崩溃，并且不跳不论什么Delegate 4、这个问题在iOS 7或者更高系统的手机上是不存在的。 ...

uniapp-form表单（2）----picker、picker-view、radio

m0_75047254的博客

07-27

2413

Picker支持五种选择器，通过mode来区分，分别是普通选择器，多列选择器，时间选择器，日期选择器，省市区选择器，默认是普通选择器。**注意：**nvue页面子节点未继承 picker-view 的选中框的高度，需要自己设置高度并居中。中，其子节点的高度会自动设置成与 picker-view 的选中框的高度一致。当需要对自定义选择的弹出方式和UI表现时，往往需要使用。写一个picker-view的年月日选择器。组件，其他节点不会显示。的子组件，仅可放置于。单项选择器，内部由多个。

uniapp使用picker-view组件实现选择器可进行搜索

热门推荐

qq_52065282的博客

03-15

1万+

效果图：1、使用uniapp自带的picker-view组件实现2、在父组件中使用。

uni-app中左侧tab选项卡的实现效果

夏已微凉、

03-21

2499

一、效果图二、代码一、效果图二、代码 <template> <view> <view class="choose-tab"> <view class="choose-item" v-for="(item,index) in list" :class="chooseTab == index ? 'active' : ''" :data-choose="index" @click="clickTab"> {{item.name}} .

uniapp用对象的形式实现picker

weixin_59638880的博客

04-02

518

代码 <picker @change="change($event, options)" :value="index" :range="options" range-key="name" class="ak-fill-picker" v-if="number == 1"> <view class="uni-input">{{options[index].name}}</view> </picker> data ...

uniapp滚动到顶部及三级联动省市县通用组件

qq_33444716的博客

01-13

496

uniapp 滚动到顶部 uni.createSelectorQuery().select('.' + class).boundingClientRect(data=>{//目标节点　　uni.createSelectorQuery().select('.' + class).boundingClientRect((res)=>{//最外层盒子节点　　　　　　　　uni.pageScrollTo({ 　　　　　　　　　　　　duration: 0,//过渡时间必须为0，否则运行到手机会

使用uniapp中picker-view封装底部选择弹框选择器，解决微信小程序中不可自定义样式问题

05-19

使用uniapp制作微信小程序时候，需要一个城市选择框，但是微信中的弹框样式不可自定义，出现了与项目主题样式不一致问题，于是使用uniapp中picker-view封装底部选择弹框选择器，实现支持自定义确定和取消按钮颜色字体大小等功能，解决微信小程序中不可自定义样式问题，

【多选picker】uniapp改造uview组件，改造picker为多选，适用uniapp和vue

pengpm的博客

03-23

4172

适用于平板或手机端的picker选择器，具备多选功能完全复制uview-ui的代码 origin-component/custom-picker/custom-picker.vue 改造了picker-view-column标签下的代码，之前只是文字形式，现在让叶子节点也就是最后一集级以复选框的形式展示，leafLevel是外面传进来的叶子节点的层级增加方法boxItemChange 监听checkbox的选择状态，并调用父组件的boxChange方法

picker-view踩坑记

callMeOldWang的博客

04-29

751

picker-view picker-view-column 踩坑记最近使用uniapp开发过程中，遇到了一个坑，这是我的一个picker-view，可以看到，并没有渲染，但其实我数据已经更新了。后来经过检查发现最外层盒子宽度居然是1920px！！，然后我把他改成375px,就像下面这样了我惊呆了应该是页面初始化的时候组件默认拿到的是屏幕宽度1920，于是乎我在页面里写了个获取当前屏幕宽度的方法然后问题就轻轻松松解决啦，希望对看到本文的您有帮助！害，要是爱情也这么简单就好了最后

uniapp下拉选择picker-view搜索

weixin_43861449的博客

08-21

1269

【代码】uniapp下拉选择picker-view搜索。

uni picker的使用

翎墨袅

12-23

5164

uni中没有h5的select可以用picker代替 <picker class="pingtai" :range="zhifufangshi" @change="xztxfs"> <view> <image :src="'/static/img/'+zhifuimg[txfs]" class="touxiang"></image...

uniApp picker-view自定义选择省市区

qq_1307495的博客

03-16

3135

新建组件pick-adress在项目中新建config文件夹创建address.js文件在父组件中使用。

小程序：picker-view选择器快速滚动，确认时，”值显示错误“

snow的博客

07-15

3460

点击确定，关闭弹出的picker，数据无法及时更新，需等待一下，或手动触停滚动再点确定。滑动到某一个角色，点击确定，页面的数据没有更新，停留在之前的一个选项。picker内容还在滚动时或滚动回弹动画还未结束时，嵌入页面的滚动选择器。组件，其它节点不会显示。技术选型uniapp。...

uniapp 异步加载级联选择器（Cascader，data-picke）