深度观察对象但得到 eslint 警告

Question

我有对象日期，我想深入观察对象变化，但收到警告

警告意外的未命名方法'date.fontsize' func-names

我该如何解决？

watch: {
        "date.fontColor": function (val) {
            this.date.fontColor = val;
            this.$store.commit("setDate", this.date);
        },
        "date.datePosition": function (val) {
            this.date.datePosition = val;
            this.$store.commit("setDate", this.date);
        },
        "date.backgroundColor": function (val) {
            this.date.backgroundColor = val;
            this.$store.commit("setDate", this.date);
        },
        "date.fontsize": function (val) {
            this.date.fontsize = val;
            this.$store.commit("setDate", this.date);
        },
    },

Answer 1

保留函数名称以供调试的正确语法是：

["date.fontColor"](val) {
    this.date.fontColor = val;
    this.$store.commit("setDate", this.date);
},

或者：

"date.fontColor": function dateFontColor(val) {
    this.date.fontColor = val;
    this.$store.commit("setDate", this.date);
},

Answer 2

要基于 Estus Flask 在回答中关于 ESLint 错误的评论，您可以利用 Vue CLI GUI 以图形方式管理 ESLint 规则。

打开终端并运行vue ui启动界面。

导入您的项目（如果尚未导入），然后导航至“配置”选项卡。

在这里您可以找到并禁用导致您出现问题的 ESLint 规则，而无需处理配置文件。

Vue UI 还有许多其他有用的功能，例如构建分析、图形化配置插件和项目设置、更直观地管理依赖关系等。

深度观察对象但得到 eslint 警告

deep watch object with but get eslint warning

eslint

vue.js

vuex