vue 根据后台字段的状态,显示不同图片

30 篇文章 5 订阅

有两个状态,一个离线,一个在线,
如果“在线”显示绿色图标在线
如果“离线”显示红色图标离线

使用三元运算符


<image :src="state == 0 ? require('../../static/img/1.png') : require('../../static/img/2.png')"></image>

state 通过接口拿到他的状态,然后通过this.或者其他指向,把上文的state替换掉,就实现了

require() 用于引入模块、 JSON、或本地文件。 可以从 node_modules 引入模块。 可以使用 相对路径 路径会根据 __dirname
定义的目录名或当前工作目录进行处理。

// 引入本地模块: const myLocalModule = require(’./path/myLocalModule’);

// 引入 JSON 文件: const jsonData = require(’./path/filename.json’);

// 引入 node_modules 模块或 Node.js 内置模块: const crypto = require(‘crypto’);

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值