vue模板中textarea元素的disabled属性设置为布尔类型被IDE警告

Question

vue代码:
`<input :disabled="true"></input>
<textarea :disabled="false"></textarea>`

IDE警告：

true is not a valid value for :disabled
false it not a valid value for :disabled

Answer 1

你这种写法应该是<input disabled="true" />，否则会认为true是个变量名吧。

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。

Answer 2

可以尝试这样<input disabled />。或者

//js代码
const isDisabled = false;
//模板代码
<input :disabled="isDisabled">

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。