折腾:
【记录】用小程序实现测评系统的前端页面
期间,要去实现:
根据不同参数和条件,决定是否显示哪些部分
这几部分:
都是有可能不显示的。
条件显示
去试试:
<view wx:if="{{condition}}"> True </view>
【总结】
最后用:
pages/single_question/single_question.js
Page({ /** * 页面的初始数据 */ data: { trunkText: "", isShowTrunkText: true, } ... var isShowTrunkText = true var trunkText = curQuestionInfo.question.stem_text if (trunkText) { isShowTrunkText = true } else { isShowTrunkText = false } console.log("isShowTrunkText=%s, trunkText=%s", isShowTrunkText, trunkText) ... this.setData({ trunkText: trunkText, isShowTrunkText: isShowTrunkText, })
pages/single_question/single_question.wxml
<view wx:if="{{isShowTrunkText}}" class="trunk_text">{{trunkText}}</view>
效果:
没有trunk_text部分,就不显示整个view了:
有了才显示:
【后记 20181222】
在:
【已解决】小程序中根据是否选中选项决定提交按钮背景色和是否允许提交
期间,用:
<button class="submit_button {{isAllowSubmit ? '' : 'submit_button_disabled'}}" bindtap='submitQuestion'>提交</button>
证实了可以用bool变量 isAllowSubmit 决定是否加额外的style样式 submit_button_disabled 的
转载请注明:在路上 » 【已解决】小程序中根据条件判断是否显示