Vue.js 中意外的模板字符串表达式

Question

每次我这样编码 ${row.name} 时，我都会收到此错误“eslint.org/docs/rules/no-template-curly-in-string Unexpected template string expression”。

有什么帮助吗？

Answer 1

ES6 模板字符串应该与反引号一起使用，而不是单引号。 替换这个：

'delete the item ${row.name}'

有了这个 ：

`delete the item ${row.name}`

这是评论中要求的 ESLint 示例： http ://eslint.org/docs/rules/no-template-curly-in-string#examples

Answer 2

如果您没有使用 ES6 模板字符串并且确实希望美元符号打印到屏幕上，请将以下内容放在字符串声明上方。

/* eslint-disable no-template-curly-in-string */

Answer 3

有时需要在字符串中使用模板字符，例如在锚标签内等。

'<a href="${' +
'OrganizationInfo.PrivacyPolicy}" target="_blank" >Privacy Policy</a>'

打破字符串对我有用。