v-if 判断倒计时是否显示

最新推荐文章于 2022-10-11 00:51:32 发布

UlricaQ

最新推荐文章于 2022-10-11 00:51:32 发布

阅读量493

点赞数

分类专栏： ⭐【VUE】文章标签： v-if 判断倒计时是否显示 countdown v-else-if

不会弹钢琴的架子鼓手不是一个会弹尤克里里的好程序媛

本文链接：https://blog.csdn.net/Carrie_Q/article/details/101680422

版权

⭐【VUE】专栏收录该内容

12 篇文章 1 订阅

订阅专栏

显示效果

如果从后端传过来的值，时间为空，则不显示倒计时控件，如果传过来的值不为空，则显示倒计时
在这里插入图片描述

<van-col
	v-if="theCateName.countDown != null"   //如果值不为空，则显示倒计时
 >
	<van-count-down
   	 	v-show="showCountDown"
		ref="countDown"
		:time="theCateName.countDown"    //绑定值
	 	:auto-start="true"   //设置自动开始倒计时
	  	@finish="finish"     //倒计时结束时触发的事件
 	/>
</van-col>

v-else-if的连续使用：

<div v-if="type === 'A'">
  祖国母亲
</div>

<div v-else-if="type === 'B'">
  周年快乐
</div>

<div v-else-if="type === 'C'">
  祖国母亲，  周年快乐
</div>

<div v-else>
  我真漂亮
</div>