uniapp使用三目运算符实现图片切换

 时间:2026-04-24 15:55:23

1、有这样两张图片,需要根据数据的不同,显示不同的图片,最简单的方法就是使用三目运算符。

uniapp使用三目运算符实现图片切换

uniapp使用三目运算符实现图片切换

2、:src="stock==0 ? yes : no"通过一个简单的三目运算符就可以进行数据的判断。当然,需要的数据需要先在data中进行定义。

uniapp使用三目运算符实现图片切换

uniapp使用三目运算符实现图片切换

3、当符合条件的时候,显示yes的图片,不符合条件显示no的图片。这种方式最常用的地方为商城里面的产品图片,产品库存充足的时候,正常显示图片;库存为零时,则显示已售罄。

uniapp使用三目运算符实现图片切换

  • 如何用积木拼装医院护理的场景
  • 男生自然卷可以用直发膏梳直吗
  • SK-II神仙水怎么样?SK-II神仙水怎样鉴别真假
  • Python如何采用sobel算子对图片边缘检测
  • 自由之战费奥娜英雄的人物简介
  • 热门搜索
    老婆出轨了怎么办 手脱皮是怎么回事 键盘怎么清洗 衣服染色怎么办 脚肿了怎么办 白色一次性口罩怎么分正反 斗鱼直播怎么赚钱 宝宝红屁股怎么办 电脑怎么截图全屏 甘蓝怎么吃