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

抱歉我的英语不好 :) 我使用了事件 Emit 和 on 方法将变量 details 从一个模块传输到另一个模块，但出现了上述问题。我的代码如下

在 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;
    });
  }

感谢事先提供的任何回答

答案＃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;

答案＃2

:v-show 等同于 v-bind:v-show，这不是你想要做的。这会将一个名为 v-show 的变量绑定到该元素上。请直接使用 v-show，不要在前面加上不必要的冒号。否则 Vue 无法理解。

在这里阅读更多关于 : 用于 v-bind 的简写方法。