位置: IT常识 - 正文

web前端Vue 报错:Uncaught (in promise) TypeError: Cannot read properties of nu(vue jsx报错)

编辑:rootadmin
web前端Vue 报错:Uncaught (in promise) TypeError: Cannot read properties of nu 前言

推荐整理分享web前端Vue 报错:Uncaught (in promise) TypeError: Cannot read properties of nu(vue jsx报错),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue jsx报错,前端使用vue,vue错误提示,vue前端出现400错误,vue前端出现400错误,前端构建后vue页面显示乱码,前端构建后vue页面显示乱码,前端构建后vue页面显示乱码,内容如对您有帮助,希望把文章链接给更多的朋友!

最近在写vue项目 在写自定义分页器的时候报了一个异常 知道错误却一直找不到解决方案 苦思冥想后 还是js的基础语法不扎实导致的,在此记录一下解决方案和思路 为以后的bug解决之路打下基础

错误提示

错误内容Uncaught (in promise) TypeError: Cannot read properties of null (reading 'length')

web前端Vue 报错:Uncaught (in promise) TypeError: Cannot read properties of nu(vue jsx报错)

错误截图如下:

BUG分析

此bug大概是说我写的一句语法,它没有找到length这个方法 我们都知道java中只有集合和数组才有size和length这种方法 在vue语法中也同样支持数组语法,既然它说找不到那就是,这不是一个数字结构!

下面是我代码中的源代码 <div v-if="item.disease.length > 4 ? true:false"> <a style="pointer-events: none; color: #C8DBF2;" @click="addDisease(item,index)">+添加症状</a> </div>

问题就出在item.disease.length > 4 ? true:false这句三目表达式上 item.disease可能不是一个数组,比如item.disease这个对象为空 这样一来item.disease就没有.length这个方法了…

BUG解决

根据上述的分析,我们可以多加一层判断 先判空再写三目表达式,语法我们改为下面这样子 先判空 item.disease!=null

<div v-if="item.disease!=null && item.disease.length > 4 ? true:false"> <a style="pointer-events: none; color: #C8DBF2;" @click="addDisease(item,index)">+添加症状</a>

如此这个分页器就完成了 没bug了~

总结

学习之路 永无止步 记录当下,保持一颗向上的心态~!

本文链接地址:https://www.jiuchutong.com/zhishi/275933.html 转载请保留说明!

上一篇:开机自动进入安全模式无法退出怎么办(开机自动进入安装模式)

下一篇:动态路由协议RIP的详细配置全过程(动态路由协议rip配置实验心得)

  • 进项税额转出补交税款
  • 软件产品即征即退条件
  • 老板让我去分公司怎么拒绝
  • 处置固定资产亏了怎么做账
  • 带薪年假是入职就有还是要等一年以后
  • 商超陈列费
  • 资产减值测试是什么意思
  • 外购货物准予抵扣进项税额26万元,货物已验收入库
  • 4s店的赠品
  • 交防伪税控服务费怎么交
  • 外购技术服务费包括哪些
  • 冲减上年的所得税费用入什么科目?
  • 货款为现金如何做记账账款凭证?
  • 月末结转所有收入类账户
  • 企业增值税留抵退税新闻稿范文
  • 小规模纳税人附加税减免政策2023
  • 退免税指的是增值税还是消费税?
  • 小规模纳税人文化事业建设费减免政策
  • 开票金额小于付款金额,怎么办理
  • 地税局完税证明去哪里办理
  • 上年度职工工资总额
  • 个人开发票给公司需要提交哪些资料
  • 增值税抄税报税流程2021
  • 辅助生产费用的核算
  • 控股子公司是
  • 进项税和销项税的分录
  • 自然人独资企业交什么税
  • 三大期间费用属于什么类
  • 注册表怎么启动
  • win7的文件系统
  • 企业废业实收资产怎么算
  • php中常用的数组是什么
  • 用银行存款支付明年的财产保险费
  • PHP:mb_strrpos()的用法_mbstring函数
  • 在途物资属于什么科目借贷方向
  • 财务报表的组成部分
  • phpstorm运行php
  • 财务如何核对会计信息
  • 欧罗巴山脉自驾
  • 会计凭证附件规范要求
  • phpcms 还有人用吗
  • jedis命令
  • 你要和我一起爬山吗
  • 苗木可以进项抵扣的么
  • 制药企业客户退货流程
  • 财务费用税前扣除标准是多少
  • 公司减持股份是利好还是利空
  • 公司注销后如何追缴税款
  • mongodb性能测试
  • 织梦标签理解
  • sqlserver数据库大小于对索引有影响吗?
  • 企业购买了数千亿资产
  • 火车退票费如何开票
  • 企业支付宝扣费
  • 公司为员工异地缴纳五险一金
  • 收到商业汇票计什么科目
  • 增值税发票未认证丢失怎么办
  • 建安企业无收入证明模板
  • 建筑工程公司收入来源
  • 固定资产报废属于非流动资产处置损失吗
  • 应收帐款坏账处理
  • 磁盘已满
  • linux添加系统调用的步骤
  • win8任务栏在底部不显示
  • linux rpm包怎么安装
  • cocos onload
  • node.js如何运行
  • js实现隔行换色
  • getelementbyid isnotafunction
  • opencv识别结果输出
  • python 面向对象 类
  • 江西省国家税务局电子税务局
  • 杭州市国税稽查三科科长
  • 福建通用定额发票查询
  • 专票代开流程?
  • 济南车辆购置税完税证明电子版
  • 河南省税务零申报怎么操作
  • 什么是私人帐户
  • 财税专业全称叫什么
  • 福建广电网上营业厅下载
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设