代码之家 › 专栏 › 技术社区 › cozimo

VSCode无法识别<transition>元素

transition vue.js html javascript

cozimo · 技术社区 · 6 年前

出于某种原因,我的VSCode用红色突出显示了transition元素,这意味着它不能识别这个元素。我真的不知道这是怎么回事。代码也不能工作,因为点击按钮根本就没有转换,甚至没有任何更改。谢谢你的帮助!

<!--Vuejs CDN-->
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>

<title>Hello, world!</title>   </head>   <body>
<div id='app'>
  <button v-on:click='showThis = !showThis'>Swap</button>
  <transition name='fade'>
    <p v-if='showThis'>Then showThis is true!</p>
  </transition>
</div>

<!-- Vuejs -->
<script>
  new Vue({
    el:'#app',
    data:{
      showThis:true
    }
  })
</script>

<style>
.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fade-enter, .fade-leave-to {
  opacity: 0;
}
</style>

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"

crossorigin=“匿名”>

2 回复 | 直到 6 年前

Debadatta 6 年前

只需在用户设置中添加以下行进行检查。文件->首选项->设置->用户设置

“editor.formatOnSave”:真, “eslint.validate”:[ “javascript”, “呜呜”

Jacob 6 年前

我相信这是你的标签,只是一个结束标签。尝试创建 <head></head>

推荐文章

santoku · 在D3中。js如何同时添加/删除数据点?

7 年前

User1938 · 如何在JS触发的事件上应用CSS转换效果?

7 年前

Regster Up · 如何使用JS在HTML/CSS中完成1°和359°之间的旋转转换

7 年前

vini · 在React中使用css显示转换

7 年前

Shadow43375 · 如何使用javascript触发css翻译动画

7 年前

Oliver Engbjerg Christensen · CSS:不同的元素具有相同的过渡,但不会以相同的方式淡入或淡出

7 年前

Velimir Lazarevic · 悬停时滚动图像

7 年前

Marcel Hiz · 使用底部导航栏的意图时淡入幻灯片动画

7 年前

alonblack · 如何获得圆形悬停效果

7 年前

arnaudambro · 创建滚动菜单:只滚动一次

7 年前