Skip to content
小飞侠
  • 首页
  • 小程序
  • uniapp
  • vue
  • APICloud
  • 其他
菜单

博客

  1. 首页>
  2. 小程序>
  3. 微信小程序使用三元表达式切换图片

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

  • Post author:xfxia
  • Post published:2023年9月15日
  • Post category:小程序


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这个图。

转载于:https://www.cnblogs.com/luguankun/p/10413112.html


你可能也喜欢

小程序强制自动更新

微信小程序图片加载错误,显示优化

微信小程序-下拉刷新上拉分页加载

在微信小程序开发中使用npm模块(超详细)

pb 两个程序之间传递数据方案_微信小程序与内嵌H5页面交互实践

微信小程序我的界面

微信小程序中如何携带参数跳转到tabBar页面

微信小程序插件开发

a:for支付宝小程序列表渲染

小程序样式顶部固定和底部固定

uview-ui_iconfont.css

小程序 wx.navigateTo和 wx.redirectTo区别

微信小程序实现下拉刷新和上拉触底,获取新数据

微信小程序跳转至京东店铺首页

微信小程序scroll-view无法准确滚动到页面最底部

打造专属花店展示小程序

如何自己开发一个小程序?

小程序商城列表案列

技术小白之记录微信小程序客服功能

微信小程序web-view缓存问题及解决方案

目录

  • APICloud (3)
  • golang (228)
  • java (8,236)
  • linux (4,002)
  • mysql (2,800)
  • php (1,070)
  • python (5,439)
  • solidity (25)
  • uniapp (235)
  • vue (2,463)
  • 其他 (88,233)
  • 小程序 (801)

文章归档

  • 2023年十二月 (1872)
  • 2023年十一月 (477)
  • 2023年十月 (17371)
  • 2023年九月 (44974)
  • 2023年八月 (26399)
  • 2023年七月 (14793)
  • 2023年六月 (1)
  • 2023年五月 (2186)
  • 2023年四月 (3838)
  • 2023年三月 (1544)
  • 2023年二月 (3)
  • 2023年一月 (4)
  • 2022年十二月 (3)
  • 2022年十一月 (36)
  • 2022年十月 (16)
  • 2022年九月 (8)
  • 2021年九月 (1)
  • 2020年九月 (6)
  • 2020年八月 (5)

标签

Aave (1) cosmos (6) defi (255) flag (27) gitee (1) github (1) golang (234) java (8234) linux命令 (82) List (1) map (1115) mysql (3093) npm (237) tendermint (6) uuid (43) vant (64) vmware (270) 区块链 (63) 合约 (37) 小程序版本更新 (3)
  • 首页
  • 小程序
  • uniapp
  • vue
  • APICloud
  • 其他
Copyright xfxia.com 鲁ICP备19024253号-2
关闭菜单