Vue项目中使用可选链(?.)及 空值合并运算符(??)配置步骤

1,100 阅读1分钟

1. 安装插件:@babel/plugin-proposal-optional-chaining

npm install @babel/plugin-proposal-optional-chaining -S 
或
yarn add @babel/plugin-proposal-optional-chaining -S 

2. 配置babel

在.babelrc 或者 babel.config.js 文件添加 plugins 配置

{
  "plugins": [
    "@babel/plugin-proposal-optional-chaining"
  ]
}

3. 使用 ?. 和 ??

methods:{
    isNull(val) {
        // return val === null || val === undefined || val ===''
        return val??val==='';
    }
  },
  getObjKeyVal(obj){
      // return obj && obj.name
      return obj?.name
    }