时间戳

首页 > 解决方案 > 变量已定义但从未使用过（no-unused-vars）

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

问题描述

抱歉英语不好 :) 我已经使用事件 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;
    });
  }

提前感谢任何答案

标签： typescriptvue.jseslint

解决方案

问题是这里的第一行：

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

这引入了一个名为的变量mini，它没有在下面的代码中使用。mini不是一回事this.mini。

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

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

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

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

推荐阅读