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

2025-04-07 06:55:38

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

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

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

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

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

uniapp使用三目运算符实现图片切换
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢