2021-06-23

后台接口数据为空如何设置默认值

1、接口数据为空时执行引号里面显示默认数值

<div>{{item.remark?item.remark:'默认数值'}}</div>

2、根据后台返回的数值判读状态
方法1利用v-if,v-else判断

<button   v-if="item.status==1">故障</button>
            <button   v-else>正常</button>

方法2直接使用三目运算

		<div>{{item.status==1?'正常':'故障'}}</div>