折腾：
【记录】用小程序实现测评系统的前端页面
期间，要去实现：
根据不同参数和条件，决定是否显示哪些部分
这几部分：
都是有可能不显示的。
条件显示
去试试：
1 | <view wx:if="{{condition}}"> True </view> |
【总结】
最后用：
pages/single_question/single_question.js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | 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
1 | <view wx:if="{{isShowTrunkText}}" class="trunk_text">{{trunkText}}</view> |
效果：
没有trunk_text部分，就不显示整个view了：
有了才显示：
【后记 20181222】
在：
【已解决】小程序中根据是否选中选项决定提交按钮背景色和是否允许提交
期间，用：
1 | <button class="submit_button {{isAllowSubmit ? '' : 'submit_button_disabled'}}" bindtap='submitQuestion'>提交</button> |
证实了可以用bool变量 isAllowSubmit 决定是否加额外的style样式 submit_button_disabled 的
转载请注明：在路上 » 【已解决】小程序中根据条件判断是否显示