uniapp踩坑之项目:TypeError: Cannot read properties of null (reading ‘getAttribute‘)

是因为数据没有取到就切换别的页面,造成dom渲染失效导致,需要利用v-if和页面生命周期进行判断

//html
<view v-if="chartShow">

...

</view>

//data
chartShow: true, // 图表 
chartOption:{}, // 图表数据
chartSeries: null, // 判断是否加载图表

            
//js
// 图表
getChartOption(){
    调接口....
    this.chartOption = {
        ........
  }
},
// 每次页面显示
onShow() {
    if (!this.chartSeries) {
        this.chartShow= true
        this.$nextTick(() => {
            this.getChartOption() // 加载图表
        });
    }
},
// 每次页面隐藏
onHide() {
    this.chartSeries= this.timeBatterLineOption.series // 接收数据
    if (!this.timeBatterLineOption.series) {
        this.timeBatterLineOptionShow = false
    }

},
onReady() {

},


上一篇文章,

uniapp踩坑之项目:各端条件编译_意初的博客-CSDN博客在 H5 平台或微信小程序平台存在的代码(这里只有||,不可能出现&&,因为没有交集)微信小程序/支付宝小程序/百度小程序/字节跳动小程序/QQ小程序。除了 H5 平台,其它平台均存在的代码。仅出现在 App 平台下的代码。https://blog.csdn.net/weixin_43928112/article/details/130332575?spm=1001.2014.3001.5501

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值