为什么在Vue 2.0中将disabled属性设置为禁用

时间:2018-01-17 16:02:06

标签: javascript vue.js

根据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>

但是,渲染时,禁用的属性设置为&#34;禁用&#34;:

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

虽然它工作正常,但我想知道是否有一个禁用属性的原因有禁用值,以及是否可以更改。

1 个答案:

答案 0 :(得分:1)

  

在XHTML中,禁止属性最小化,禁用属性   属性必须定义为&lt; input disabled =“disabled”/&gt;。

取自: https://www.w3schools.com/TAGS/att_input_disabled.asp