es6字符串拼接中 如何加if进行判断数据来显示隐藏元素

Question

我想判断数据 如果有数据显示后面的工作日 如果没有数据就不显示工作日 三个字
求教

Answer 1

<div>剩余天数：<span>${automaticApprovals[i].minTime}</span><span>${automaticApprovals[i].maxTime?"-":""}</span><span>${automaticApprovals[i].maxTime}</span><span>${automaticApprovals[i].maxTime?"工作日":""}</span></div>

三目运算符的方式解决了

Answer 2

span上加v-show或者三元运算符或者写个函数返回一个dom字符串，建议第三个方式比较好维护

Answer 3

Vue中有两种方式实现显隐

1. v-show 写法<span v-show="数据"></span> 通过display:none实现
2. v-if 写法<span v-if="数据"></span> 通过删除dom元素实现
3. 如果只渲染一次 建议v-if 频繁切换建议v-show
4. 显隐是比较基础的知识 , 别着急. 今天熬熬夜. 好好学一下.