javascript - VSCode 无法识别元素
问题描述
出于某种原因,我的 VSCode 以红色突出显示了过渡元素,我认为这意味着它无法识别该元素。我不太确定这里发生了什么。而且代码也不起作用,因为单击按钮根本没有转换甚至任何更改。谢谢你的帮助!
<!--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="匿名">
解决方案
只需在用户设置中添加以下行来检查。文件->首选项->设置->用户设置
“editor.formatOnSave”:真,“eslint.validate”:[“javascript”,“javascriptreact”,“vue”]
推荐阅读
- python - 如何从html中的python csv读取文件?
- c# - 运行测试时无法通过 Nunit-console runner 连接到网络驱动器
- spring-boot - 基于 url 的自定义多个身份验证提供程序始终仅调用一个提供程序
- .net - 实体框架 - 如何使用所有外键展平嵌套对象
- view - 如何创建具有内容类型但不是基本页面和文章的视图
- sql - 如何在 PostgreSQL 的 select 语句中用 STRING 值替换 BIT
- mysql - 加入查询缺失记录
- jsp - JSTL FoEach 检查包含 RequestScope 中设置的IgnoreCase
- deep-learning - 损失函数达到全局最小值
- docker - 在docker中复制构建上下文之外的文件而不增加构建上下文的大小?