首页 > 微信 > 详细

微信小程序开发之三元运算符代替wx.if/wx.else

时间:2017-05-18 21:10:16      阅读:2305      评论:0      收藏:0      [点我收藏+]

  直接上代码

实现功能为:当fbphotoFirst为空时,src路径为“pic/信息反馈1-1_14.png“,并且点击事件uploadfbphotoFirst有效,否则为路径fbphotoFirst,此时点击事件uploadfbphotoFirst无效,uploadfbphotoFirst为上传图片的方法,即上传图片成功后不支持修改

<image class="uploadimageclass"
  bindtap="{{fbphotoFirst==‘‘?‘uploadfbphotoFirst‘:‘‘}}" mode="aspectFit" src="{{fbphotoFirst==‘‘?‘pic/信息反馈1-1_14.png‘:fbphotoFirst}}"></image>
  <image class="uploadimageclass"
  bindtap="uploadfbphotoSecend" mode="aspectFit" src="{{fbphotoFirst==‘‘?‘pic/信息反馈1-1_14.png‘:fbphotoSecend}}"></image>
  <image class="uploadimageclass"
  bindtap="uploadfbphotothird" mode="aspectFit" src="{{fbphotoFirst==‘‘?‘pic/信息反馈1-1_14.png‘:fbphotothird}}"></image>
 

等效于以下代码
 <!--<view wx:if="{{fbphotoFirst==‘‘}}">
 <image class="uploadimageclass" bindTap="uploadfbphotoFirst" src="../../../image/信息反馈/信息反馈1-1_14.png"></image></view>
 <view wx:else> <image class="uploadimageclass" bindTap="uploadfbphotoFirst" src="{{fbphotoFirst}}"></image></view>

 <view wx:if="{{fbphotoFirst==‘‘}}">
 <image class="uploadimageclass" bindTap="uploadfbphotoSecend" src="../../../image/信息反馈/信息反馈1-1_14.png"></image></view>
 <view wx:else> <image class="uploadimageclass" bindTap="uploadfbphotoSecend" src="{{fbphotoSecend}}"></image></view>

 <view wx:if="{{fbphotoFirst==‘‘}}">
 <image class="uploadimageclass" bindTap="uploadfbphotothird" src="../../../image/信息反馈/信息反馈1-1_14.png"></image></view>
  <view wx:else> <image class="uploadimageclass" bindTap="uploadfbphotothird" src="{{fbphotothird}}"></image></view>-->

微信小程序开发之三元运算符代替wx.if/wx.else

原文:http://www.cnblogs.com/min-min-min/p/6875504.html

(0)
(1)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!