在vue中,我的transition没了,检查中显示未定义

阿澜的csdn 2019-07-28 06:49:33
transition没了,这个就很烦
...全文
292 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
阿澜的csdn 2019-07-30
  • 打赏
  • 举报
回复
这是我没有办法解决后,从vue官网下下来的
scscms太阳光 2019-07-30
  • 打赏
  • 举报
回复
vue-router都没有你就敢用路由!
阿澜的csdn 2019-07-29
  • 打赏
  • 举报
回复
<!-- 模板 -->
<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title>transition的模板</title>
	<link rel=“stylesheet” href="style.css" />
	<!-- xian yin ru vue.js -->
    <script src="./vue.js"></script>
    <style>
       component-fade-enter-active, .component-fade-leave-active {
  transition: opacity .3s ease;
}
.component-fade-enter, .component-fade-leave-to
/* .component-fade-leave-active for below version 2.1.8 */ {
  opacity: 0;
}

    </style>

</head>

<body>
  <div>
    <transition name="component-fade" >
        <component v-bind:is="view"></component>
      </transition>
    </div>
	<script>
   new Vue({
  el: '#transition-components-demo',
  data: {
    view: 'v-a'
  },
  components: {
    'v-a': {
      template: '<div>Component A</div>'
    },
    'v-b': {
      template: '<div>Component B</div>'
    }
  }
})
	</script>
</body>

</html>
所有代码
槿畔 2019-07-29
  • 打赏
  • 举报
回复
一般情况下就是这样直接用的啊,问问题贴上代码,只看报错谁知道 <transition name="el-zoom-in-top"></transition>
阿澜的csdn 2019-07-29
  • 打赏
  • 举报
回复
来个人理我一下啊,自顶,再顶

87,989

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧