为什么在Vue 2.0中将Disabled属性设置为Disabled

Question

根据Vue文档，为了动态地禁用元素（例如按钮），我使用了:disabled="myVar" ，因此我的代码如下所示：

<button type="button" class="btn text-primary float-right" @click="buttonClicked" :disabled="!buttonEnabled">Click Me!</button>

我希望它呈现为：

<button type="button" .... disabled>Click Me!</button>

但是，渲染时，disabled属性设置为“ disabled”：

<button type="button" ... disabled="disabled">Click Me!</button>

虽然效果很好，但我想知道是否有禁用属性具有禁用值的原因，以及是否有可能更改。

Answer 1

在XHTML中，禁止属性最小化，并且禁用属性必须定义为<input disabled =“ disabled” />。