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

拇指一代
  • 290

图片描述

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

回复
阅读 3k
3 个回答

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

三目运算符的方式解决了

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

Vue中有两种方式实现显隐

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