位置:- 正文

vue3报错:runtime-core.esm-bundler.js:38 [Vue warn]: Invalid prop: type check failed for prop “modelVal(vue错误提示)

编辑:rootadmin
vue3报错:runtime-core.esm-bundler.js:38

推荐整理分享vue3报错:runtime-core.esm-bundler.js:38 [Vue warn]: Invalid prop: type check failed for prop “modelVal(vue错误提示),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue3报错找不到routwr,vue运行报错,vue3报错error while updating de,vue3报错未声明未定义主体,vue3报错,vue3报错未声明未定义主体,vue3报错未声明未定义主体,vue3报错未声明未定义主体,内容如对您有帮助,希望把文章链接给更多的朋友!

🔥🔥🔥欢迎关注csdn前端领域博主: 前端小王hs

🔥🔥🔥email: 337674757@qq.com

vue3报错:runtime-core.esm-bundler.js:38 [Vue warn]: Invalid prop: type check failed for prop “modelVal(vue错误提示)

🔥🔥🔥前端交流群: 598778642

vue3报错:runtime-core.esm-bundler.js:38 [Vue warn]: Invalid prop: type check failed for prop “modelValue”. Expected Boolean, got Object at

警告的大意是绑定的函数期待得到的是布尔值,但得到的是一个对象

警告原因就是v-model绑定的函数获得的值是一个对象,这个问题一般出现在bus传值或者其他传值方式

逻辑分析: ①el-dialog(不一定是dialog组件)绑定了一个函数 ②在script中对函数名进行了定义 ③通过bus对这个函数名进行传值 问题出在: ④需要把函数名的.value值设为true 如果没有设置ture,而是把子组件传过来的值(obj类型)赋值给函数名的.vlaue,则会报错 伪代码示意如下:

<tempalte>//绑定函数 <el-dialog :function='function' /></template><script setup>//接受子组件的传值//问题出在是function.value = e 则报错bus.on('function', (e) => {function.value = true)}//对函数进行定义const function = ref()</script>

搜过其他同类的问题,但这个 Expected Boolean, got Object 问题应该还是算比较新的问题

其他同类的是 期待获得object类型,但得到的是string,诸如此类这里不在叙述,一般都是定义的函数没有写对类型或者赋值没写好类型导致

本文链接地址:https://www.jiuchutong.com/zhishi/289014.html 转载请保留说明!
下一篇链接:https://www.jiuchutong.com/zhishi/289015.html
免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络