uni-app:实现条件判断展示图片(函数判定+三目运算)

一、多条件判断(通过函数进行图片展示)

效果

uni-app:实现条件判断展示图片(函数判定+三目运算)_第1张图片

代码 

在data中定义图片信息和要传递的数据信息,在src中写入函数并携带要传递的数据,通过传递的数据在函数中进行判断,并返回对应的图片信息




二、三目运算判断一个条件

效果

uni-app:实现条件判断展示图片(函数判定+三目运算)_第2张图片

代码

 三目运算(表达式?true:false)

下例:当变量info的值为50时执行变量img1,反之执行变量img2;当变量info1的值为-50时执行变量img1,反之执行变量img2。则这里满足info = 50,info1 = -50,则都执行:src="img1"




你可能感兴趣的:(uni-app,uni-app,前端,javascript)