vue.js - VS Code 中 Vue 模板箭头函数导致标签匹配失败如何解决？
VS Code 编辑器中，VUE的Template模板中添加了箭头函数，导致标签的开始结尾匹配失败
<TaskCard
v-for="(item, index) in cardList"
:key="index"
:info="item"
@goBirthday="(info) => (item.type === 0 ? goBirthday(info) : undefined)"
@goCoupon="(info) => (item.type === 1 ? goCoupon(info) : undefined)"
/>
问题：
以上代码在VS Code编辑器中，<TaskCard的开始<匹配到@goBirthday="(info) =>的>,没有正确匹配到最后的/>,并且@goCoupon="(info) =>和/>中的>以异常的红色显示
请教：
不知道是哪个插件的问题，一直没有搜索到解决方案，请教需要如何解决以上问题
共有2个答案
看起来是可能插件的问题，比如说 Bracket Pair Colorizer
不过现在已经VSC内置了这个功能，所以可能就停止维护了？检查一下你的插件，改用内置的 @id:editor.bracketPairColorization.enabled 和 @id:editor.guides.bracketPairs 两个功能试试？我这边暂时没看到有你说的问题。
有可能是vscode抽风了，ctrl + shift + p 重新加载窗口试一试
-
不鼓励将箭头函数（“lambdas”）传递给 Mocha。Lambdas词法绑定 this，无法访问 Mocha 上下文。例如，以下代码将失败： describe('my suite', () => { it('my test', () => { // should set the timeout of this test to 1000 ms; instead will fail thi
-
ES6标准新增了一种新的函数：Arrow Function（箭头函数）。 为什么叫Arrow Function？因为它的定义用的就是一个箭头： x => x * x 上面的箭头函数相当于： function (x) { return x * x; } 在继续学习箭头函数之前，请测试你的浏览器是否支持ES6的Arrow Function： 'use strict'; ---- var f
-
Volar 相关的插件我都安装了 但是 <template> 中的内容，都没有智能提示，也没有办法按 ctrl+鼠标左键跳转 比如我把鼠标悬停在 a-range-picker 的 @change 上，也没有办法给我任何提示，比如返回值类型等等 是 vscode 以及相关插件没有这个功能吗？
-
让我们深入研究一下箭头函数。 箭头函数不仅仅是编写简洁代码的“捷径”。它还具有非常特殊且有用的特性。 JavaScript 充满了我们需要编写在其他地方执行的小函数的情况。 例如： arr.forEach(func) —— forEach 对每个数组元素都执行 func。 setTimeout(func) —— func 由内建调度器执行。 ……还有更多。 JavaScript 的精髓在于创建一个
-
新的“胖箭头”符号还可以用更简单的方式来定义匿名函数。 请看下面的例子： console.log(x); incrementedItems.push(x+1); }); 计算一个表达式并返回值的函数可以被定义更简单： 下面代码与上面几乎等价： incrementedItems = items.map(function (x) { return x+1; 让我们在 验
-
我想知道是否有人能解释一下：
-
本文向大家介绍如何用箭头函数获取arguments相关面试题，主要包含被问及如何用箭头函数获取arguments时的应答技巧和注意事项，需要的朋友参考一下 参考回答： 可用…rest参数获取
-
A well-known tag balancing: searches for tag or tag's content bounds from current caret position and selects it. It will expand (outward balancing) or shrink (inward balancing) selection when called m