Laravel 如何在vuejs中禁用按钮

我想在填写表单时禁用该按钮 填充所有输入后，将使用vuejs和laravel framework启用该按钮

我试着通过简单地在屏幕上禁用按钮来实现这一点

<button type="submit" class="btn btn-info" disabled>Next</button>

下一步

---

但我不知道如何在vuejs中执行此操作，只需将

disabled

属性绑定到布尔值，如

<button :disabled='isDisabled'>Send Form</button>

发送表单

如图所示

下一步

---

将

disabled

属性绑定到一个布尔值，一旦验证，或者在您的情况下，所有输入都已填充，返回

true
您可以使用计算属性来启用/禁用按钮。每次条件在computed属性内更改时，都会呈现“禁用”或“启用”按钮。条件应为布尔值


...
下一个
...
导出默认值{
计算：{
isDisabled（）{
//您可以在这里检查您的表格是否已填写。
返回条件==true
},
},
}

<button type="submit" class="btn btn-info" :disabled="validated">Next</button>