<uni-data-select :localdata="contractState" :label="'合同状态'" :placeholder="'合同状态'"></uni-data-select>
- 发布:2022-06-28 10:49
- 更新:2023-11-18 13:16
- 阅读:1360
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: Win11
HBuilderX类型: 正式
HBuilderX版本号: 3.4.15
手机系统: Android
手机系统版本号: Android 12
手机厂商: 小米
手机机型: redmi k20
页面类型: vue
vue版本: vue3
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
设置应该就可以看到
设置应该就可以看到
预期结果:
默认不选择时,应该显示placeholder内容
默认不选择时,应该显示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
}
},
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内部的,有知道的给普及一下呗。