Vue:从模板中删除“this”的 ESlint 规则

Posted

技术标签:

【中文标题】Vue:从模板中删除“this”的 ESlint 规则【英文标题】:Vue: ESlint rule to remove "this" from template 【发布时间】:2021-10-17 14:46:49 【问题描述】:

我正在尝试查看是否存在一个现有的 ESlint 规则,该规则将删除在道具或数据之前使用的this

例子:

<template>
  <div v-if="this.foo"></div>
</template>

理想情况下,这将被 linter 捕获,因为 this.foo 而不仅仅是 foo。是否存在这样的规则?前几天我尝试搜索,但没有找到。

【问题讨论】:

【参考方案1】:

this(没有双关语)是您正在寻找的。虽然它不会明确地“删除”它,但我相信它会引发错误供您查看。

【讨论】:

以上是关于Vue:从模板中删除“this”的 ESlint 规则的主要内容,如果未能解决你的问题,请参考以下文章

如何在 VS Code 的 .vue 文件中禁用模板中特定行的 eslint 警告

Vue 3 模板根只需要一个元素。 eslint-plugin-vue

如何在 vue cli 3 生成的项目中完成删除 eslint?

在 Vue.js 的 eslint 中删除“组件已注册但未使用”

vue-cli的使用(模板自定义本地配置,eslint的配置)

如何解决在 Ionic Vue 方法的嵌套范围内定义“this”时的 ESLint 错误