微信小程序TypeError: Cannot read property ‘$$‘ of undefined

最新推荐文章于 2024-03-27 17:17:18 发布

逍～

最新推荐文章于 2024-03-27 17:17:18 发布

阅读量666

点赞数

分类专栏：笔记文章标签：微信小程序小程序 Powered by 金山文档

本文链接：https://blog.csdn.net/immortals9527/article/details/128928679

版权

笔记专栏收录该内容

5 篇文章 0 订阅

订阅专栏

文章讲述了在微信小程序中处理轮播图组件时，如何使用wx:if条件判断避免当图片源为空时导致的错误。通过检查list.imageurl.length来决定swiper是否渲染，并使用wx:if防止没有src的图片渲染，确保组件的正确显示。

摘要由CSDN通过智能技术生成

 <!-- 轮播图 -->
  <view style="height: {{height}}rpx;">
    <swiper wx:if="{{list.imageurl.length>0}}" indicator-dots="{{true}}" current="currentTab" bindchange="switchTab" indicator-color="#2E8B57" circular="true" style="height:100%;">
      <block wx:for="{{list.imageurl}}" wx:key="index" >
        <swiper-item bindtap='{{item.caozuoname}}' style="justify-content: center;display: flex;align-items: center;">
          <image src='{{item}}' bindtap="fangda" mode="aspectFit" style="border-radius: 5rpx;display: block;height: 1000rpx;;" />
        </swiper-item>
      </block>
    </swiper>
  </view>

解决方法就是用wx：if判断swiper是否需要渲染

如果里面是一个图片，但是src为null，就会报错，需要用wx：if判断，不能渲染没有src的图片

<swiper wx:if="{{list.imageurl.length>0}}" 这里