- 基础
- 进阶
- 工具
- 扩展
- 理解
- API
- 文章
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
条件渲染
Mpx中的条件渲染与原生小程序中完全一致,详情可以查看这里
简单示例如下:
<template>
<view class="container">
<!-- 通过 wx:if 的语法来控制需要渲染的元素 -->
<view wx:if="{{ score > 90 }}"> A </view>
<view wx:elif="{{ score > 60 }}"> B </view>
<view wx:else> C </view>
<!-- 通过 wx:show 来控制元素的显示隐藏-->
<view wx:show="{{ score > 90 }}"> very good! <view>
</view>
</template>
<script>
import { createPage } from '@mpxjs/core'
createPage({
data: {
score: 80
}
})
</script>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论