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

【问题标题】：Variable is defined but never used (no-unused-vars)变量已定义但从未使用过（no-unused-vars）
【发布时间】：2020-04-06 16:33:38
【问题描述】：

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

提前感谢任何答案

【问题讨论】：

<v-show> (:v-show="") 前面有一个多余且不需要的冒号，这就是变量显示为未使用的原因。
我检查了两个都删除了它仍然显示问题错误：'mini' is defined but never used (no-unused-vars) at src\components\shared\leftNavigation.vue:206:32 :mounted() { Event.$on("我点击了", mini => { ^ this.mini = !this.mini; }); }

标签： typescript vue.js eslint

【解决方案1】：

:v-show 等价于v-bind:v-show，这不是您想要做的。它将名称为v-show 的变量绑定到该元素。使用v-show，前面没有不必要的冒号。否则 Vue 不理解。

详细了解:-v-bindhere 的简写。

【讨论】：

它显示未使用的变量以考虑绑定它，但仍然显示问题错误：在 src\components\shared\leftNavigation 定义了“mini”但从未使用过 (no-unused-vars)。 vue:206:32: `mounted() { Event.$on("i-got-clicked", mini => { ^ this.mini = !this.mini; }); } `
您是否在App.vue 的模板中使用了mini 变量？如果在组件中定义，则需要使用它
你定义但仍然无法工作代码没有问题问题是vue中的一些no-unused-vars问题
您的组件中是否声明了一些您不使用的实际变量/导入？喜欢function () { const test = 123; console.log('hello'); }
或者你定义了一个函数参数并且不在你的函数体中使用它？喜欢(test) => { console.log('hello'); } → 这应该是() => { console.log('hello'); }

【解决方案2】：

问题出在第一行：

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

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

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

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

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

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

【讨论】：

谢谢，我现在正在使用 vuex，它可以很好地传输数据。总之谢谢
我在我的旧项目@skirtle 中再次遇到了这个问题，谢谢你的 () 真的很神奇。你能帮我解决这个问题吗stackoverflow.com/questions/59486814/…