<transition>层的问题

<transition>层的问题

http://img1.sycdn.imooc.com//climg/6041cc1409ac499f06230359.jpg

如上图,生成页面的时候,<transition>这一层是不会显示在html结构中的吧?

正在回答

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

2回答

同学你好,问题解答如下:

1、<transition-group>也不会显示在html结构中。

2、区别参考如下:

(1)一般做单个元素动画使用<transition>,它主要是给v-if、v-show、动态组件(如路由就是动态组件)等设置过渡动画。

而如果有多个元素设置动画,例如v-for遍历元素,那么可以使用<transition-group>。

(2)<transition-group>可以配置一个tag ,但是<transition>没有的。这是因为<transition-group>会将v-for循环的多个元素包裹一层,tag就表示用哪种标签包裹。<transition>做单个元素动画,不需要包裹一层,所以没有tag。

祝学习愉快~


  • 人生的起源 提问者 #1
    那<transition-group>还是会多生成一层,只不过它不是<transition-group>本身,可以这么理解吗?
    2021-03-05 20:45:21
  • 好帮手慕夭夭 回复 提问者 人生的起源 #2

    可以这样理解

    2021-03-06 10:10:03
好帮手慕夭夭 2021-03-05 15:19:17

同学你好,对的,浏览器解析时,它不会渲染在html结构中。祝学习愉快~

  • 提问者 人生的起源 #1

    <transition-group>标签会显示在html结构中吗?

    我刚才试了,<transition>指定tag标签无效,这两者好像还有区别

    2021-03-05 15:24:52
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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