请问为什么要写v-else啊

请问为什么要写v-else啊

加载图片的小图标上是v-if,下面的ul是v-else,但是把v-else去掉,也是一样的显示效果,请问这里加的作用是什么啊?非常感谢!

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

你好,1、因为这里本身是有传递数据的,是我们把if条件改了一下,所以v-else没有的话,所以还是会加载ul。

2、当本身没有数据时,就是recommends没有数据的时候,v-if的条件为真,又没有v-else的情况下,会执行ul这个,但是本身没有数据,在显示的效果上是一样的。就是li渲染不出来。但这里是会被加载的,也就是还是要执行ul,会有一个空的ul。

就是说没有v-else的情况下,会多执行一下。

希望能帮助到你,欢迎采纳。

祝学习愉快!

  • hpbrave 提问者 #1
    解释地好清楚,非常感谢了!
    2018-11-28 09:50:47
好帮手慕糖 2018-11-27 14:35:53

同学你好,这里是执行if的时候,就不会执行else,若是不加else的话,执行不执行if语句,下面的ul都会执行的。

因为这里没有满足if条件,所以执行了下面的else添加,(因为if没有满足,所以都是执行ul这个,所以感觉是没有区别的),那么我们把if条件改一下,把前面的!去掉,让其满足if条件,再来看下v-else有与没有的区别哦。

http://img1.sycdn.imooc.com//climg/5bfce5650001bb3608980211.jpg

希望能帮助到你,欢迎采纳。

祝学习愉快!

  • 提问者 hpbrave #1
    非常感谢!但是想再问下,当recommends没有值时,v-if的条件为真了,加载小图标要显示了,这时即使没有v-else,ul会显示么,因为recommends没有数据了,li应该什么都渲染不出来了吧。
    2018-11-27 19:05:35
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师