Vue报错：Unnecessary use of boolean literals in conditional expression

亦凉 2023-02-14 05:57 9阅读 0赞

在写网页的吸顶效果时，出现错误：`Unnecessary use of boolean literals in conditional expression`

data(){ 
        return { 
          isFixed: false
        }
      },
      mounted(){ 
        window.addEventListener('scroll', this.initHeight)
      },
      destroyed(){ 
        window.removeEventListener('scroll', this.initHeight)
      },
      methods: { 
        initHeight(){ 
          var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
          this.isFixed = scrollTop > 152 ? true : false;   //错误在这一行
        }
      }

原因是Eslint的检查，说是如果有更简单的方案时，不允许使用三元运算符：  
![在这里插入图片描述][2020060112174494.png]![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDMzNTY3_size_16_color_FFFFFF_t_70]  
把错误行改成以下代码即可：

this.isFixed = scrollTop > 152;

[2020060112174494.png]: https://img-blog.csdnimg.cn/2020060112174494.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDMzNTY3_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200601121803287.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDMzNTY3,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，9人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue启动报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘use‘)

vue项目启动后报如下错误： ![c162e51d6b5da4f572c504e298e46ead.png][] 猜测element-ui版本不匹配，查看package.j

待我称王封你为后i/ 2024年03月26日 19:20/ 0 赞/ 148 阅读

相关 Vue报错“ Uncaught TypeError: Cannot read property ‘use‘ of undefined”

Vue报错“ Uncaught TypeError: Cannot read property ‘use‘ of undefined” 错误全程 Cannot re

Love The Way You Lie/ 2024年03月16日 13:37/ 0 赞/ 139 阅读

相关 MYSQL 分组报错1055 - Expression #1 of SELECT list is not in GROUP BY...

MYSQL 分组报错： 1055 - Expression 1 of SELECT list is not in GROUP BY clause and contai

末蓝、/ 2023年10月02日 21:16/ 0 赞/ 56 阅读

相关 Vue报错：Unnecessary use of boolean literals in conditional expression

在写网页的吸顶效果时，出现错误：`Unnecessary use of boolean literals in conditional expression` dat

亦凉/ 2023年02月14日 05:57/ 0 赞/ 10 阅读

相关 IDEA报错： Port already in use: 1099

IDEA中启动服务失败，报错信息为Port already in use: 1099，解决办法如下： > 1.cmd 执行命令 netstat -ano | findstr

迈不过友情╰/ 2022年12月30日 13:58/ 0 赞/ 271 阅读

相关 Python报错TabError: inconsistent use of tabs and spaces in indentation

Python报错TabError: inconsistent use of tabs and spaces in indentation Python编译器报错：

傷城~/ 2022年12月28日 00:37/ 0 赞/ 214 阅读

相关安装express报错

安装express报错 npm install express --save 报错信息： npm ERR! code ENOSELF npm

我就是我/ 2022年09月07日 12:07/ 0 赞/ 282 阅读

相关 IDEA报错： Port already in use: 2100

idea使用过程中，电脑原因突然卡死闪退，再次运行web项目报错如标题。执行：netstat -ano | findstr "2100“找出占用此端口的为java.exe、

末蓝、/ 2021年12月20日 14:27/ 0 赞/ 288 阅读

相关 Conditional Expressions

Conditional Expressions建立一些逻辑关系 The conditional expression classes from django.d

蔚落/ 2021年12月10日 07:55/ 0 赞/ 243 阅读

相关 MySQL报错 Expression #1 of ORDER BY clause is not in GROUP BY

MySql查询报错 \[Err\] 1055 - Expression \1 of ORDER BY clause is not in GROUP BY clause a

逃离我推掉我的手/ 2021年10月19日 11:32/ 0 赞/ 356 阅读