JavaScript 警告 : Assignment to property of function parameter

Question

我编译了vue-flash-message来自来源的组件并收到以下警告:

✘  http://eslint.org/docs/rules/no-param-reassign  Assignment to property of function parameter 'Vue'
src\components\vue-flash-message\index.js:173:5
  Vue.prototype[options.storage] = FlashBus;

在以下代码中:

export default {
  install(Vue, config = {}) {
    const defaults = {
      method: 'flash',
      storage: '$flashStorage',
      createShortcuts: true,
      name: 'flash-message',
    };
    const options = Object.assign(defaults, config);
    ...
  const FlashBus = new Vue({
    data() {
      return {
        storage: {
        },
      };
    },
    methods: {
      flash(msg, type, opts) {
        return new FlashMessage(FlashBus, msg, type, opts);
      },
      push(id, message) {
        Vue.set(this.storage, id, message);
      },
      destroy(id) {
        Vue.delete(this.storage, id);
      },
      destroyAll() {
        Vue.set(this, 'storage', {});
      },
    },
  });
    ...
    Vue.prototype[options.storage] = FlashBus;

    ...
  },
};

是否可以更正代码并使其编译而不发出警告？

Answer 1

这不是问题。

您有一个针对 no-param-reassign 的 ES Lint 规则设置。这与 Vue 创建插件的方式相冲突，在这种方式中，您被引导直接写入 prototype。 You can see my statement reinforced here

您唯一的选择是fork该项目，并忽略带有 linter 的行(如果它让您烦恼的话)。