uni-app 渲染

uni-app 条件、列表渲染

条件渲染:
一、 v-if = " " 为真时显示
二、 v-show = " " 为真时显示 相当于 display :none
三、
在这里插入图片描述

@tap = " " 绑定单击事件

事件里面获取 data 里面定义的变量:this.dataName = 新值

列表渲染:
嵌套列表渲染必须指定不同的索引,要填写 :key = “xx”

<!-- 用到循环就要指定以下 key ,微信规定,否则会有警告 -->
<view class="" v-for=" (name,num) in nameList " :key="num">
	<view class="" :class="{ num/2 == 0 ? 'class1' : 'class2' }">{{ name }}</view>
</view>

v-for的写法建议使用 block:在这里插入图片描述


版权声明:本文为Z_0926原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。