uview使用采坑指南(总结)
uview使用采坑指南
·
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设置样式在小程序端不生效
这个要在页面加入一个配置
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
}
更多推荐
已为社区贡献12条内容
所有评论(0)