javascript - Vue.js mixin 引入本地状态

Question

我有 Vue mixin，看起来像这样:

/* eslint-disable */
const amount = null;
const currency = '';

export default {
    methods: {
        formatPrice(amount, currency) {
            this.amount = amount;
            this.currency = currency;

            const isInt = Number.isInteger(this.amountToPrice);

            return isInt ? this.stripDecimalZeroes : this.localePrice;
        }
    }
}

我通过将 2 个变量放入此文件中引入了一些本地状态，但如果我删除 eslint-disable，ESLint 会给我一个“无影子”错误。

不过，我该怎么做才能在我的混入中正确引入本地状态。我不想将状态传递给每个函数，而且当逻辑封装在这个混入中时，我不觉得我有义务这样做。

此外，当我将本地状态量引用为 this.state 时，我不理解 no-shadow-error 并且它工作正常。

Answer 1

作为替代方案，您可以将变量分配给 created () {} Hook 中的 this，如下所示:

created() {
    this.amount = null;
    this.currency = '';
}