精华内容
下载资源
问答
  • 代码和报错如图,求解决! ![图片说明](https://img-ask.csdn.net/upload/202005/11/1589210242_212328.png)![图片说明](https://img-ask.csdn.net/upload/202005/11/1589210249_234466.png)![图片说明]...
  • 但是用if 和for在一行的时候你还想再写个else的话,就会报错,小程序会提示你 else那错了,文件编译失败 <view wx:if="{{item.categoryId == idX}}" wx:for="{{Data}}" wx:key="key"> <view>{{item.name...

    wx:if 和wx:else和wx:for不能一起使用的解决方法

    大家做项目或者学习的时候都要用到for 和if吧有时还会用上else

    但是用if 和for在一行的时候你还想再写个else的话,就会报错,小程序会提示你

    else那错了,文件编译失败

    <view  wx:if="{{item.categoryId == idX}}" wx:for="{{Data}}" wx:key="key">
     	<view>{{item.name}}</view>
     </view>
     <view wx:else>暂无数据</view>
     这样写会报错
    

    解决方法:

    wxml

    block
    列如: 
    <block  wx:if="{{item.categoryId == idX}}" wx:for="{{Data}}" wx:key="key">
     	<view>{{item.name}}</view>
     </block>
     <view wx:if={{fff}}>暂无数据</view>
    

    js

    tab事件是左边的选项下面有图
    
    page({
    	data:{
    		idx:215326,
    		num:0,
    		fff:false
    	},
    	//事件
    	tab(e) {
        this.setData({
          num: 0,
        })
        this.setData({
          idX: e.currentTarget.dataset.id,
          indexD: e.currentTarget.dataset.index,
        })
        this.data.Data.forEach(ele => {
          if (ele.categoryId != this.data.idX) {
            this.setData({
              num: this.data.num = this.data.num + 1
            })
          }
        })
        if (this.data.num == 29) {
          this.setData({
            fff: true
          })
        } else {
          this.setData({
            fff: false
          })
        }
      },
    })
    

    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • 微信小程序 wx:if wx:elif wx:else 多条件判断 &lt;view wx:if="{{a}}"&gt;&lt;/view&gt; &lt;view wx:if="{{a||b}}"&gt;&lt;/view&gt; &lt;view wx:if=...

    微信小程序 wx:if    wx:elif    wx:else  多条件判断

    <view wx:if="{{a}}"></view>
    <view wx:if="{{a||b}}"></view>
    <view wx:if="{{a&&b}}"></view>
    
    <view wx:if="{{a>100}}">大于100</view>
    <view wx:elif="{{a<100}}">小于100</view>
    <view wx:else>100</view>

    注意:<view wx:if="{{a}}&&{{b}}"></view>这样写不会执行后面条件判断,支付宝小程序也一样

    展开全文
  • 微信小程序之wx:if wx:else的使用

    万次阅读 2019-04-22 13:32:31
    本篇文章以账号密码登录界面为例介绍wx:if与wx:else的使用。

    一、内容简介

    今天呢我们用wx:if wx:else 语句实现用账号密码登录。

    二、界面示例图

    1、简陋的主界面

    简陋的主界面

    2、简陋的登录失败反馈

    登录失败反馈

    3、简陋的登录成功界面

    登录成功界面

    三、代码实现

    1、布局代码

    <!--miniprogram/pages/login/admin.wxml-->
    <view wx:if='{{logined==false}}' class='contain'>
      <text class='title'>管理系統</text>
      <form id='info' bindsubmit='login'>
        <input name='usr' class='admin' placeholder='输入管理员账号'></input>
        <input name='psw' password='true' class='admin' placeholder='输入管理员密码'></input>
        <button type='primary' form-type='submit'>登录</button>
      </form>
    </view>
    <view wx:else>
      <view>登录成功</view>
      <button bindtap='exit'>退出登录</button>
    </view>
    

    2、样式代码

    /* miniprogram/login/admin.wxss */
    .contain{
      text-align: center;
      color: rgba(51, 26, 161, 0.89);
      font-size: 60rpx;
      margin-top: 100rpx;
    }
    
    .admin{
      margin-top: 150rpx;
      margin-left: 30rpx;
      margin-right: 30rpx;
      margin-bottom: 100rpx;
      background: rgba(99, 235, 133, 0.582);
      border: 1px solid black;
    }
    

    3、js代码

    动态控制界面的更换

    //miniprogram/login/admin.js
    
    Page({
      data: {
        logined:false		//用于控制哪个view视图展现在界面上
      },
      login(res){				//点击登录按钮,提交表单后执行的函数,用于验证账号与密码
        if(res.detail.value.usr == '123'&&res.detail.value.psw == 'abc')  
        {
          wx.showToast({
            title: '登录成功',
          })
          this.setData({
            logined:true
          })
        }
        else{
          wx.showToast({
            title: '账号与密码不对应',
            icon:'none'
          })
        }
      },
      exit(){			//退出登录的函数实现,即简单地将管理界面藏起来,使登录界面展现出来。
        this.setData({
          logined:false
        })
      }
    })
    
    

    四、总结

    1、想要控制哪个视图显示,就在他的布局代码中加入wx:if wx:else语句,然后通过js文件动态设置视图是否显示。

    2、控制视图显示与隐藏,还有一个属性是hidden,hidden在页面加载的时候无论是否隐藏,都会渲染所有的布局,而wx:if语句,只有显示出来的视图才会被渲染。建议当频繁使用显示与隐藏功能时,用属性hidden,其他情况可以使用wx:if ,wx:else 会节省初次渲染的时间。

    OK,本次分享到此结束,拜拜。
    展开全文
  • 今天遇到这样一个问题。 错误代码: <view class="wrap">...no}}" class="warp-list" wx:for="{{bagesList}}" wx:key="id"> <view bindtap="goDetail" data-id="{{item.id}}"> <...

    今天遇到这样一个问题。

    错误代码:

    <view class="wrap">
      <view wx:if="{{bagesList.length > 0}}" class="warp-list" wx:for="{{bagesList}}" wx:key="id">
          <view bindtap="goDetail" data-id="{{item.id}}">
            <view class="Img">
              <image src="{{item.image}}"></image>
            </view>
            <view class="desc">{{item.storeName}}</view>
            <view class="price">
              <text class="pri">¥{{item.price}}</text>
            </view>
          </view>
      </view>
      <view class="noBox" wx:else>
        <image src="../../images/bg_no01.png" mode="widthFix"></image>
      </view>
    </view>
    

    报错:
    在这里插入图片描述
    解析:
    这个是逻辑问题,循环列表比 if 优先级高,所以两个写在同一个标签上,逻辑就成了

    for(){
      if(){
      }
    }
    else{
    }
    

    而w:else不属于要解析的标签逻辑, 也就不报错了

    解决办法:
    wx:for 和 wx:if 分成两层处理

    <view class="wrap">
      <view wx:if="{{bagesList.length > 0}}">
        <view class="warp-list" wx:for="{{bagesList}}" wx:key="id">
          <view bindtap="goDetail" data-id="{{item.id}}">
            <view class="Img">
              <image src="{{item.image}}"></image>
            </view>
            <view class="desc">{{item.storeName}}</view>
            <view class="price">
              <text class="pri">¥{{item.price}}</text>
            </view>
          </view>
        </view>
      </view>
      <view class="noBox" wx:else>
        <image src="../../images/bg_no01.png" mode="widthFix"></image>
      </view>
    </view>
    
    展开全文
  • 微信小程序 wx:if wx:elif wx:else的用法

    千次阅读 2019-07-05 13:52:43
    直接上图===》 注意:这里的else if 并不是 elsif 而是elif 注意写法
  • 小程序 wx:if wx:elif wx:else多条件写法

    千次阅读 2019-03-13 14:55:33
    wx:else>您的企业涉税风险评估得分为{{score}}分,税务风险管控良好,请继续保持。 记住重要一点就是,不要写成这样错误的(楼主也是出现这种错误,而且很久找不到原因): wx:if="{{0您的企业涉税风险评估得分...
  • 问题:在微信XHTML中当wx:for和wx:if 和 wx:else 一起用的时候会报错Bad attr wx,如图: 如果蓝色标记,造成问题的原因是因为你的for的优先级比if的优先级要高,如下代码: /*先进行了for循环 */ for(){ .... /*...
  • 1、搭配view <view wx:if="{{boolean==true}}"> <view class="bg_black"></view> </view>...view wx:elif="{{boolean==false}}">...view wx:else> <view class="bg_re
  • 微信小程序 wx:if

    2018-08-23 14:43:00
    wx:if 这个知识点挺简单的,但是却一度困扰了我好几个小时, 我之前的代码 死活这个wx:else 不起作用 ...总之就是wx:if 和 wx:else 必须在同一个父元素中,才可以,要不然都会报错, 改好...
  • 1、百度了很多都说是多写了wx:else,所以首先请检查页面是否多写了wx:else,多写会报错,一个wx:if 对应一个wx:else 2、但确实只写了一个wx:else,那么请检查wx:if 与wx:else 是否写在同一层级,比如: 正确写法...
  • 在页面里使用wx:for/if等循环体: wx:for <view wx:for="{{chatRecord}}" wx:for-index="index" wx:for-item="item" wx:key="*this"> <!--中间的代码片段--> </view> 其中chatRecord是在js页面...
  • 1、配合view使用 ...view wx:if="{{boolean==true}}"> <view class="red"></view> </view> <view wx:elif="{{boolean==false}}"> <view class="yellow"></view> ...
  • 今天因为只在wx:if那个标签里加了catchtap,但是没有在wx:else标签里加,所有刚开始一直没法执行到onCollectionTap这个函数。 然后弄了很久,我一直以为是这个响应函数没有注册或者我函数名写错了,所以在...
  • 可以用wx:if来判断是否,也可以用wx:elif和wx:else来添加一个else块: wx:if  vs  hidden 因为wx:if之中的模板也可能包含数据绑定,所以当wx:if的条件值切换时,框架有一个局部渲染的过程,因为它会确保 ...
  • 微信小程序报错 Bad attr `wx

    万次阅读 2019-05-25 14:57:26
    错误信息如下 错误原因如下 一个wx:if对应一个wx:else; 但是我多写了一个wx:else 解决方案 去掉多余的wx:else
  • 转载 原地址:...今天写代码第一次遇到了Bad attr 'wx 报错 解决全部的方法在上面的链接里 我主要遇到了第三种 在同一标签内写入了wx:for 和wx:if 在同一级标签写入wx:else 会报错 错误例子: 正确例子: ...
  • 问题描述 第一次上传图片,没有问题,当第二次上传图片时,则会报uploadFile:fail Error: ...而隔2分钟之后再去上传,又不会报错。 问题产生的原因,估计是网络带宽限制,个人把网络切换成手机数据网络就没问题 ...
  • 最近自己写自己的小程序的时候遇到了wx:if想要绑定的数据使用了indexOf()方法来判断是否需要显示,但是wx:if没有办法在绑定的数据中进行函数运算,只能进行简单的判断和加减运算。 在网上搜索了一下之后发现只能将...
  • block wx:if='{{collapse==true?flase:true}}'> <view class="introduce">简介:十六路咖啡公司总部位于厦门市,截至2019年底,直营门店数达到4507家。十六路咖啡以“从咖啡开始,让十六路成为人们日常...
  • <icon class="icon" bindtap="iconTapped" data-index="{{index}}" wx:else type="circle"> 再来对比看下三元运算符的写法: <!-- circle or success type --> ...
  • 昨天做小程序,因为页面很多,跳过来跳过去的,后面无意间发现wx.navigateTo报错 以前好像也没有出现过这种情况啊 赶紧翻一下文档 然后发现 保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用...
  • 小程序中需要用到医保支付,最早的做法是,在...在之前都正常,直到昨天iphone的微信升级到7.0.0后,不能跳转了,通过调试,报错:fail appId "${appId}" is not in navigateToMiniProgramAppIdList 基础...
  • 微信小程序报错Bad attr 'wx的原因以及解决办法
  • wx小程序笔记(1)

    2020-05-15 14:44:48
    wx:else属性 其中elif相当else if() 条件放在双大括号中{{condition}},不放则条件永远为truewx:if='condition' 两个属性标签中不可以有其他标签 可以在条件标签内添加组件 ex: <view wx:if="{{18>18}}"&...
  • 1、v-if和v-else-if组合在微信小程序下报错 <view v-if="goodsList.length == 0">购物车是空的哦~</view> <view v-else-if="goodsList.length > 10">商品数量大于10了哟</view> ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,545
精华内容 1,818
关键字:

wx:else报错