02月06日,2022

vue的button绑定变量控制可用不可用vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: type check failed for prop "disabled". Expected Boolean, got String with value "mobileTrue".

今天开发软件管理后台系统时候,需求是当手机号输入正确后,按钮才可点击,否则不可点击。源代码如下

<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>
问题解决。

本文链接:https://www.liaonian.com.cn/info_6.html

-- EOF --