微信小程序使用三元表达式切换图片

Posted on 2019-02-21 15:55  猫头唔食鱼  阅读(2316)  评论(0编辑  收藏  举报

1.data里定义切换图片的地址和切换的标识

data:{
  show:true,
   yes:"http://101.89.144.168:9090//files/jk/yd/images/index/banner-3.jpg", 
   no:"http://101.89.144.168:9090//files/jk/yd/images/index/banner-1.jpg"
},

 

2.组件里使用三元表达式

<image src="{{show?yes:no}}" style="width:100%">

 

 

show为true,显示yes这个图,show为false,显示no这个图。