运行启动功能后如何隐藏按钮？

Question

运行启动功能后如何隐藏按钮？

ReferenceError：“分配给未声明的变量显示”

<template>
  <v-layout>
    <v-flex class="text-center">
        <v-btn v-show="show == true" color="primary" nuxt to="/bakim" @click="start">Start</v-btn>
    </v-flex>
  </v-layout>
</template>

<script>
export default {
  data: function() {
    return {
      show: true
    }
  },
  methods: {
    start: function(event) {
      alert("hi ");
      return show = false;
    }
  }
}
</script>

Answer 1

您可以通过this访问方法中的数据。

类似于：

export default {
  data: function() {
    return {
      show: true
    }
  },
  methods: {
    start: function(event) {
      alert("hi ");
      this.show = false;
    }
  }
}

我建议您通读文档以更好地了解Vue。 https://vuejs.org/v2/guide/index.html

Answer 2

这里是正确的语法

<template>
   <v-layout>
      <v-flex class="text-center">
         <v-btn v-show="show" color="primary" nuxt to="/bakim"@click="start">Start</v-btn>
         </v-flex>
      </v-layout>
</template>

<script>
export default {
   data: function() {
      return {
         show: true
      }
   },
methods: {
  start: function(event) {
     alert("hi ");
     this.show = false;
   }
 }
}
</script>