2***@qq.com
2***@qq.com
  • 发布:2023-02-13 23:00
  • 更新:2023-10-10 22:50
  • 阅读:1432

【已解决】uni-data-picker组件动态修改localdata无效

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: mac pro m1 ventura 13.2

HBuilderX类型: 正式

HBuilderX版本号: 3.6.18

第三方开发者工具版本号: 1.06.2301160 darwin-arm64

基础库版本号: 2.27.3

项目创建方式: HBuilderX

示例代码:
复制代码<template>  
  <!-- 区域选择 -->  
  <uni-data-picker :clear-icon="false" placeholder="区域" popup-title="请选择所在地区" :localdata="addressTree" v-model="condition.address" :map="{text:'name', value: 'id'}" />  
</template>  

<script lang="ts" setup>  
  import { reactive, ref } from 'vue';  
  import { getRegionUrl } from '../../api/fast-rental-api';  
  import { onShow } from '@dcloudio/uni-app';  
  import api_request from '../../libs/request.js';  

  const condition = reactive({ address: ""});  
  const addressTree = ref < any[] > ([]);  
  const getRegion = () => {  
    uni.showLoading({ title: 'loading...' });  
    const { promise } = api_request.request(getRegionUrl, 'GET');  
    promise  
      .then((res: any) => {  
        const a = [{ id: '0', name: '不限' }, ...res];  
        addressTree.value.length = 0;  
        addressTree.value.push(...a);  
      })  
      .catch((err: any) => {  
        const { message, errMsg, error } = err;  
        uni.showToast({ icon: 'none', title: message || errMsg || error, duration: 3000 });  
        console.error(err);  
      })  
      .finally(() => {  
        uni.hideLoading();  
      });  
  };  
  onShow(() => {  
    getRegion();  
  });  
</script>  

<style lang="scss" scoped></style>  

操作步骤:

直接运行

预期结果:

picker的数据能动态变化

实际结果:

只接受初始化的值

bug描述:

uni-data-picker组件动态修改localdata无效

2023-02-13 23:00 负责人:YUANRJ 分享
已邀请:
YUANRJ

YUANRJ

m***@163.com

m***@163.com

用的是uni-starter的模板,搞了我几天,也没有人回答。。。。。。
一直以为我自己不对,原来更新一下就行了,这坑啊。

要回复问题请先登录注册

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容