项目场景:
uniapp使用vue3开发,引入uview-plus版本,无法编译通过(无法使用可选链操作符 ?. )
开发环境:
产品分类: uniapp/App
PC开发环境操作系统: Mac PC开发环境操作系统版本号: 14.2.1
HBuilderX类型: 正式 HBuilderX版本号: 3.99
页面类型: vue vue版本: vue3
问题描述:
Mac环境下 vue3 使用可选链操作符 ?. 及空值合并操作符 ??编译报错,Windows环境下正常。
原因分析:
1.内置浏览器内核版本太低
2.iOS JSCore 13.4才支持 12.4不支持这个语法
3.开发工具版本问题
解决方案:
const obj = ref({ id:'',name:'' });// 错误方式
console.log(obj.value?.name);// 正确方式1
console.log(obj.value!.name);// 正确方式2
console.log(obj!=null ? obj.name:null);