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

:v-show等效于v-bind:v-show，而这不是您想要的。它将名称为v-show的变量绑定到该元素。使用v-show，不要在其前面加上不必要的冒号。否则Vue无法理解。

详细了解: here的v-bind缩写。

Answer 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;

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

2 个答案: