typescript - 变量已定义但从未使用过(no-unused-vars)

Question

对不起英语不好:)
我已经使用事件 Emit 和 on 方法将变量详细信息从一个模块传输到另一个模块，存在上述问题。我的代码如下

在 App.vue 文件中

<v-btn class="ma-2" @click="closeModal()" tile large color="teal" icon>
              <v-icon>mdi-menu</v-icon>
            </v-btn>

methods: {
    closeModal() {
      this.mini = !this.mini;
      Event.$emit("i-got-clicked", this.mini);
    }
  }

在左侧导航文件中

<v-content :v-show="mini">

mounted() {
    Event.$on("i-got-clicked", mini => {
    //This mini is showing as defined but never used
      this.mini = !this.mini;
    });
  }

提前感谢任何答案

Answer 1

问题是这里的第一行:

Event.$on("i-got-clicked", mini => {

这引入了一个名为 mini 的变量。并且它没有在下面的代码中使用。 mini与 this.mini 不一样.

假设你不需要它，你可以写这个:

Event.$on("i-got-clicked", () => {

但是，您可能想要更改下面的行:

Event.$on("i-got-clicked", mini => {
  this.mini = mini;