如何通过start
功能 隐藏按钮?
ReferenceError:“分配给未声明的变量显示”
<template>
<v-layout>
<v-btn v-show="showButton == true" @click="start">Start</v-btn>
</v-layout>
</template>
<script>
export default {
data: function() {
return {
showButton: true
}
},
methods: {
start: function(event) {
alert("hi");
return showButton = false;
}
}
}
</script>
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
<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>