uniapp 之 常见问题记录（不定时更新——2024-03-15更新）

replaceAll 使用问题

• replaceAll：注意兼容性问题，如不支持，可改成replace(/xxx/g, xxx)

 

图片路径问题

• 引入的图片路径需注意：语法提示回车确定的有时候会有双斜杠//的情况，这种在浏览器的显示是正常的，但在app真机不支持，需把双斜杠改成单斜杠。

 

IOS 转换时间问题

• 真机 ios 无法将yyyy-MM-dd 转换成标准时间，需要将 - 换成 /

let endTime = data.endTime.replace(/\-/g, '/')
endTime = Date.parse(new Date(endTime));

 

image 图片问题

• image 图片与图片之间默认存在莫名间距，如不需要，将image 的 display：inline-block;设为display: block;即可

 

webview h5 缓存问题

• App webview 嵌 H5 的缓存问题：
  前端打开webview页面处：

  //ios 禁用缓存，测试生效！！
  let cache1 = plus.ios.newObject('NSURLCache');
  let cache = plus.ios.invoke(cache1, 'sharedURLCache');
  plus.ios.invoke(cache, 'removeAllCachedResponses');
  plus.ios.invoke(cache, 'setDiskCapacity:', 0);
  plus.ios.invoke(cache, 'setMemoryCapacity:', 0);
  
  //安卓端缓存清理。
  plus.cache.clear();

 

text 设置space 不生效问题

• text 组件，属性space 设置不生效？？？

  该属性只在文本中间使用，

  默认开头结尾加空格是无效的，需要加上特殊符号 \n，

<text space="nbsp">测 试</text>
<text space="nbsp">\n 测试 \n</text>

 

image调接口后图片不显示

src直接绑定地址可以正常显示，通过接口获取的图片地址无法正常显示？？？

<view class="card-photo">
    <view class="card-photo-label">身份证正面</view>
    <image :src="realInfo.idCarFrontImg" mode=""></image>
</view>

• 绑定的地址有问题
  

• data命名有问题
  必须在data中定义对应的属性key，否则可能导致图片无法正常显示

data() {
	return {
		realInfo: {
		    idCarFrontImg: '',
		    idCarVersoImg: '',
		},
	}
}

 

nvue页面scroll-view设置scroll-x不生效

nvue页面，局部scroll-view横向滚动Android不生效，iOS正常？？？

scroll-x 不能简写