广州市天河区天河路621号天娱广场西塔10楼
EAIC前端mvvm框架
条件渲染
使用if节点来进行条件渲染，当条件满足时，它的子节点会被渲染
<script>
$.vm({
data:{
age:25
},
event:{
onLoad:function () {
},
}
});
</script>
<style>
//这里是页面样式定义
</style>
<page-template>
<if cond="arg>18">
<div>已满18周岁</div>
</if>
</page-template>
运行效果：
已满18周岁
条件分支
当条件不满足时，则渲染它的分支节点，我们使用else来定义条件的分支节点。
<script>
$.vm({
data:{
age:16
},
event:{
onLoad:function () {
},
}
});
</script>
<style>
//这里是页面样式定义
</style>
<page-template>
<if cond="arg>18">
<div>已满18周岁</div>
</if>
<else><span class="has-text-danger">未满18周岁</span></else>
</page-template>
运行效果：
未满18周岁
