1、tabs在小程序端下划线不显示的问题

H5端使用没问题,唯独小程序偏偏显示不出来的,查阅了官方文档也不是平台差异得原因,也没有下划线相关的配置,最后发现是一个神奇的配置没写,非常的令人无语是这个配置看起来跟下划线毫无关系

这个是官方说明,不能说没有关系,只能说是毫不相干

解决方法:加上下面这个配置即可,一定要设置成false,尤其是tabs项比较少的时候

:scrollable="false"

如果有多个tab需要滑动且还要兼容小程序的那就只能手动自己撸一个组件用了,示例​​​​​​​ 

2、picker选择器选项不显示

这个算是自己的失误,因为官方示例选项是一个二维数组,平时习惯了一维数组或其他ui框架一下子没转变过来,不过他这个一列选项也搞成二维数组我是真的服

                columns: [
                    ['中国', '美国', '日本']//columns里面还是一个数组
                ],

如果获取的数据是一维数组并且是单列赋值的时候记得要用this.$set(),如果是直接push进去的就不用

this.$set(this.roleColumns,0,res.dataList)

 3、uview设置样式在小程序端不生效

全局配置 | uni-app官网

这个要在页面加入一个配置

		options: { styleIsolation: 'shared' },

然后利用深度选择器设置样式:

	/deep/ .u-button{
		margin: 50rpx 0;
	}

4、DatetimePicker 选择器使用问题

首先是这玩意的绑定值 v-model="value1",他绑定的值得是一个转为数字的时间戳,官方示例是

 value1: Number(new Date()),

而且这个时间戳还不是你当前输入框的值,还需要在点击确认的时候转化一下格式,再赋值给你最终 想要放的地方绑定的值,uni.$u.timeFormat是uview的一个方法

dateConfirm(e){
				const timeFormat = uni.$u.timeFormat
				this.addFormData.date = timeFormat(e.value, 'yyyy-mm-dd')
				this.datePickerState = false
			}

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐