小程序wx:else提示 Bad attr `wx

这篇具有很好参考价值的文章主要介绍了小程序wx:else提示 Bad attr `wx。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

 问题:以下wx:for里的wx:if , wx:else 会报这个错:Bad attr 'wx
  <scroll-view class="scroll1" scroll-x enable-flex="true">

        <view wx:if="{{playlist.length>0}}" class="item" wx:for="{{playlist}}" >
          <image class="item-img" src="{{item.song.al.picUrl?item.song.al.picUrl:'/static/images/recommendSong/02.jpg'}}"></image>
          <text class="item-value">{{item.song.al.name}}</text>
        </view>
        <view wx:else> 暂无播放记录</view>

      </scroll-view>

小程序wx:else提示 Bad attr `wx,小程序,微信

 解决:

WX:FOR和WX:IF在同一个标签下提:for的优先级比if的优先级要高,wx:if 与wx:for 不能写在同一个标签上,按如下代码个性,增加一个block包裹:文章来源地址https://www.toymoban.com/news/detail-635335.html

      <scroll-view class="scroll1" scroll-x enable-flex="true">
        <block wx:if="{{playlist.length>0}}">
          <view  class="item" wx:for="{{playlist}}" >
            <image class="item-img" src="{{item.song.al.picUrl?item.song.al.picUrl:'/static/images/recommendSong/02.jpg'}}"></image>
            <text class="item-value">{{item.song.al.name}}</text>
          </view>
        </block>
        <view wx:else> 暂无播放记录</view>
      </scroll-view>

到了这里,关于小程序wx:else提示 Bad attr `wx的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序提交审核提示接口未正确配置:wx.chooseAddress怎么办

      在app.json中改成以下配置即可

    2024年02月13日
    浏览(50)
  • uniapp 父组件给子组件传值为Object类型报错 Bad attr `xxx` with message 问题解决

    报错图片 问题 可能是 uniapp 转换 为 微信小程序的bug 报错的写法 传参采用 other_class.data || {} 写法传值给子组件 会报错 解决

    2024年02月12日
    浏览(38)
  • 解决uniapp编译的微信小程序不支持v-bind=“$attrs“

    原生组件无法支持v-bind;用户自定义组件以及第三方扩展组件才支持v-bind v-model属性 在高版本的vue3+vite中使用父组件传递下来的props中的某一个属性,作为当前组件的子组件的v-model入参,那么将会报错 [vite] [plugin:vite:vue] v-model cannot be used on a prop, because local prop bindings are not wr

    2024年02月08日
    浏览(93)
  • 微信小程序如何实现兼容----wx.getSystemInfoSync、 wx.getSystemInfo、wx.canIUse

    小程序的宿主环境一直在迭代更新,提供更多的能力给开发者去完成更多的事情,所以你的小程序会运行在不同版本的宿主环境下。为了让你的小程序在不同环境下都能提供相应的服务,我们需要来了解一下在小程序中如何实现兼容办法。 1.针对不同手机进行程序上的兼容

    2024年02月09日
    浏览(51)
  • 微信小程序本地存储(wx.setStorage)和(wx.setStorageSync)

     在微信小程序中,可以使用本地存储来保存一些数据比如用户状态,姓名,性别等; 本地存储主要包括两种方式:缓存和本地数据存储。 缓存 缓存是一种快速访问内存的临时存储机制,可以有效地提高应用程序的响应速度。在微信小程序中,可以使用 wx.setStorage 方法和

    2023年04月18日
    浏览(100)
  • 微信小程序 wx.showModal

    微信小程序--wx.showModal_海轰Pro的博客-CSDN博客

    2024年02月15日
    浏览(53)
  • 小程序发布提审被驳回,提示当前提审小程序代码包中地理位置相关接口wx.getLocation暂未开通

    如图所示,提示地理位置相关接口wx.getLocation暂未开通,这是因为从2022年4月18日开始,在代码审核环节将检测该接口是否已完成开通,如未开通,将在代码提审环节进行拦截。 以下提供解决办法: 首先确认自己的小程序是否是在允许使用的类目中——需要先通过类目审核。

    2024年02月16日
    浏览(48)
  • 微信小程序wx:for 的使用以及wx:key绑定

    wx:for基本使用 wx:for-item和wx:for-index重新命名item和index wx:key两种绑定方式以及注意事项 wx:for基本使用 业务层数据 视图层 wx:for遍历时候每一项名称为 item 每一项索引名称为 index wx:for-item和wx:for-index实现item和index重命名 wx:for-item=\\\"str\\\" 将原来名称 item 修改成 str wx:for-index=\\\"i 将原来

    2024年02月11日
    浏览(79)
  • 微信小程序使用本地存储方法(wx.setStorageSync()和wx.getStorageSync())

    微信小程序的本地存储可以使用wx.setStorageSync()和wx.getStorageSync()方法实现,这里为您介绍一下使用本地存储的流程。 设置数据:使用wx.setStorageSync()方法可以将数据以键值对的方式存储到本地存储中。例如,要将名为\\\"username\\\"的用户名称存储到本地存储中,可以使用以下代码:

    2024年02月11日
    浏览(57)
  • 微信小程序使用本地存储方法wx.setStorageSync()和wx.getStorageSync()

    微信小程序的本地存储可以使用wx.setStorageSync()和wx.getStorageSync()方法实现 使用wx.setStorageSync()方法可以将数据以键值对的方式存储到本地存储中: 获取数据:使用wx.getStorageSync()方法可以从本地存储中获取数据: 更新数据:要更新已经存在的数据,只需重新使用wx.setStorageSync

    2024年02月11日
    浏览(58)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包