以下錯誤都是同樣的原因
[Vue warn]: Invalid prop: type check failed for prop "readonly". Expected Boolean, got String with value "true".
[Vue warn]: Invalid prop: type check failed for prop "disabled". Expected Boolean, got String with value "true".
……
剛剛開始學習vue,爲了實現只讀展示所以添加readonly屬性,查詢官方文檔發現默認值爲false,所以最終代碼中爲readonly="true"。
官方文檔
我的代碼
<el-col :span="8">
<el-form-item label="客戶名稱" prop="custName" status-icon>
<el-input maxlength="100" v-model="custName" readonly="true"></el-input>
</el-form-item>
</el-col>
測試發現雖然實現只讀展示,但是在瀏覽器控制報錯。
解決方案
直接使用readonly即可,不需要=“ture”。
<el-col :span="8">
<el-form-item label="客戶名稱" prop="custName" status-icon>
<el-input maxlength="100" v-model="custName" readonly></el-input>
</el-form-item>
</el-col>