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. 显隐是比较基础的知识 , 别着急. 今天熬熬夜. 好好学一下.
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏