我正在运行ESLint,目前遇到以下ESLint错误:

错误"状态"已在上限范围中声明无阴影

const state = {
    date: '',
    show: false
};

const getters = {
    date: state => state.date,
    show: state => state.show
};

const mutations = {
    updateDate(state, payload) {
        state.date = payload.date;
    },
    showDatePicker(state) {
        state.show = true;
    }
};

export default {
    state,
    getters,
    mutations
};

解决这个问题的最佳方法是什么?

推荐答案

最好的修复方法是阅读有关eslint"无阴影"规则的文档.

从本文档中,最好的解决方案可能是在"允许"选项中包含这一变量的例外情况.

您可以在js文件中添加注释,以保持exeption的本地性:

/* eslint no-shadow: ["error", { "allow": ["state"] }]*/

Vue.js相关问答推荐

我可以将Created()中内置的内容传递给Provide属性吗?

Vuetify/Vue3 插槽模板之间的阴影

可组合数据获取示例

如果找不到路由,Vue.js如何重定向到公共路由

如何容器化 Vue.js 应用程序?

在 Vue 中启用(控制台)记录路由事件

为什么在 Vue.js 中使用 `var` 关键字?

使用 Vue 和 JS 下载 CSV 文件

导入没有 .vue 扩展名的 *.vue 文件时出现以下错误?

全局禁用 vuetify 组件的涟漪效应

ionic - `slot` 属性已被弃用 - eslint-plugin-vue

我可以避免使用 Vue.js 组件的重复样式吗?

如何在 Vue 类组件中定义过滤器?

Nuxt.js - API 调用的最佳场所

动态更改我的 Vue.js SPA 主题的最佳方式?

Vue Js如何在单个文件模板中使用mixins?

将 ref 的内容从子组件传递到另一个 VueJS 子组件

如何设置 :id 前缀字符串?

组件已注册但未使用 vue/no-unused-components

路由使用 nuxt-i18n 在 nuxt 中推送区域设置路由