Vue.js 变量未绑定的状态 按钮1 按钮2 导出默认值{ 数据（）{ 返回{ 电子邮件首选项：{ 孤岛加载：false }, 州：0 } }, 方法：{ OnBtn1Click（）{ 该状态=2； } } }

我试图在单击按钮1时显示按钮“btn2”。但它似乎不起作用。

只是把@skilltle的评论放在一个awnser中：

newvue({
el:“#应用程序”，
数据：{
州：0
},
方法：{
OnBtn1Click（）{
该状态=2；
}
}
})

按钮1
按钮2

只需将@skirtle的评论放在awnser中：

newvue({
el:“#应用程序”，
数据：{
州：0
},
方法：{
OnBtn1Click（）{
该状态=2；
}
}
})

按钮1
按钮2

在按钮上添加单击事件

<button id="btn1"> Button 1 </button>
<button id="btn2" v-if="state == 2"> Button 2 </button>

 export default {
        data() {
            return {
                emailPreferences: {
                    isLoading: false
                },
                state: 0 
            }
        },
       methods: {

        OnBtn1Click() {
            this.state = 2;
        }
      }
  }

按钮1

在按钮上添加单击事件

<button id="btn1"> Button 1 </button>
<button id="btn2" v-if="state == 2"> Button 2 </button>

 export default {
        data() {
            return {
                emailPreferences: {
                    isLoading: false
                },
                state: 0 
            }
        },
       methods: {

        OnBtn1Click() {
            this.state = 2;
        }
      }
  }

按钮1

您似乎没有注册

单击按钮上的
侦听器
@click=“OnBtn1Click”
。哈哈，显然…：>您似乎没有注册
单击按钮上的
侦听器
@click=“OnBtn1Click”
。哈哈，显然…：>