Javascript 禁用'；未在Vue.JS中单击

我有两个确认按钮，当用户单击一个按钮时，它应该禁用另一个按钮，同时在用户单击“是”按钮时显示span元素的内容

你会认为它是有效的，因为我只能设置一个默认的按钮为“禁用”。当页面加载时，两者都应以启用状态启动。我还想在按钮启用和禁用之间切换

btnClicked

类

我就快到了，但我不知道下一步会是什么。（也刚刚开始学习Vue.JS，如果有人能看一下这个片段并告诉我我做错了什么，我将不胜感激。）

var-app=新的Vue({
el:“#应用程序”，
数据：{
已禁用：0，
},
}); 
.btnClicked{
背景：绿色；
颜色：白色；
}

对
不
你刚才点击了是的
你的意思是这样的


var-app=新的Vue({
el:“#应用程序”，
数据：{
已禁用：null，
},
}); 
.btnClicked{
背景：绿色；
颜色：白色；
}

对
不
你刚才点击了是的
您的问题是什么？您正在单击另一个按钮上设置disabled属性，同时切换btnClicked类。这似乎有效。这似乎有效，因为我只能设置一个默认按钮为“禁用”。当页面加载时，两者都应以启用状态启动。我还想在启用按钮和禁用按钮之间切换btnClicked类。你是对的，尽管这篇文章应该让这更清楚。我会编辑。这很有效，回答了问题，谢谢。但是如果我在页面上有更多的确认按钮部分，你认为方法会有所不同吗？因为点击例如Yes会使页面上的所有Yes按钮都被点击。我认为对于多个按钮，你应该使用
v-model
来知道点击了哪个按钮。Oups没有看到您的最后一条消息。在您的第二个示例中，我认为如果您有两个具有相同行为的按钮，那么您应该为此行为创建一个组件。并在父组件中得到结果。这里我应该看看如何在父组件和子组件之间进行通信