今天开发软件管理后台系统时候,需求是当手机号输入正确后,按钮才可点击,否则不可点击。源代码如下
<el-button style="margin-top: 10px;width: 100%" type="primary" disabled="mobileTrue">{{loginBtnMessage}}</el-button>
报错如下
vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: type check failed for prop "disabled". Expected Boolean, got String with value "mobileTrue".
found in
---> <ElButton> at packages/button/src/button.vue
<Login>
<App> at src/App.vue
<Root>
提示就是,类型错误,需要boolean值,但是实际给的是字符串
解决办法
<el-button style="margin-top: 10px;width: 100%" type="primary" :disabled="mobileTrue">{{loginBtnMessage}}</el-button>
问题解决。
