我從 vue 開始，我正在測驗單擊按鈕時更改值，但不作業
<template>
<div class="row">
{{ show }}
<div class="col-md-4">
<button class="btn btn-primary" @click="change_show">Good</button>
</div>
<div class="col-md-4">
<button class="btn btn-primary">Bad</button>
</div>
<div class="col-md-4">
<button class="btn btn-primary">Food</button>
</div>
</div>
</template>
<script>
export default {
name: "buttons",
data(){
return{
show: true
}
},
methods:{
change_show(event){
show = !show;
}
}
}
</script>
<style scoped>
</style>
我收到這個錯誤
Uncaught ReferenceError: show is not defined
我如何訪問變數并更改它？
uj5u.com熱心網友回復：
您錯誤地宣告了變數，您應該show在回傳中添加（以及所有反應變數）：
data(){
return{
show: true
};
},
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/491305.html
標籤：javascript Vue.js