j***@126.com
j***@126.com
  • 发布:2022-06-28 10:49
  • 更新:2023-11-18 13:16
  • 阅读:1360

【报Bug】uni-data-select组件的placeholder无效

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Win11

HBuilderX类型: 正式

HBuilderX版本号: 3.4.15

手机系统: Android

手机系统版本号: Android 12

手机厂商: 小米

手机机型: redmi k20

页面类型: vue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
    <uni-data-select :localdata="contractState" :label="'合同状态'" :placeholder="'合同状态'"></uni-data-select>  

操作步骤:

设置应该就可以看到

预期结果:

默认不选择时,应该显示placeholder内容

实际结果:

一直显示默认的”请选择“

bug描述:

给uni-data-select组件的placeholder赋值后不起作用,还是一直显示请选择,
看了源码,里面用的不是placeholder用的是typePlaceholder

<view v-else class="uni-select__input-text uni-select__input-placeholder">{{typePlaceholder}}</view>  

computed: {  
            typePlaceholder() {  
                const text = {  
                    'opendb-stat-app-versions': '版本',  
                    'opendb-app-channels': '渠道',  
                    'opendb-app-list': '应用'  
                }  
                const common = '请选择'  
                const placeholder = text[this.collection]  
                return placeholder ?  
                    common + placeholder :  
                    common  
            }  
        },
2022-06-28 10:49 负责人:无 分享
已邀请:
j***@126.com

j***@126.com (作者)

追加

created() {  
            this.last = `${this.collection}_last_selected_option_value`  
            if (this.collection && !this.localdata.length) {  
                this.mixinDatacomEasyGet()  
            }  
        },  
        computed: {  
            typePlaceholder() {  
                const text = {  
                    'opendb-stat-app-versions': '版本',  
                    'opendb-app-channels': '渠道',  
                    'opendb-app-list': '应用'  
                }  
                const common = '请选择'  
                const placeholder = text[this.collection]  
                return placeholder ?  
                    common + placeholder :  
                    common  
            }  
        },

代码中的 【this.collection】这个变量在程序中没有定义,也没有看到引用的外部脚本,是在哪来的呀。是vue内部的一个变量???还是uniapp内部的,有知道的给普及一下呗。

1***@qq.com

1***@qq.com

一样遇到了,没人修复吗

7***@qq.com

7***@qq.com

这个设置v-model的默认值为undefined就可以了

5***@qq.com

5***@qq.com - 老小白

还不好用

要回复问题请先登录注册