vue3报错：runtime-core.esm-bundler.js:38 [Vue warn]: Invalid prop: type check failed for prop “modelVal-Toy模板网

这篇具有很好参考价值的文章主要介绍了vue3报错：runtime-core.esm-bundler.js:38 [Vue warn]: Invalid prop: type check failed for prop “modelVal。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

🔥🔥🔥email: 337674757@qq.com

🔥🔥🔥前端交流群： 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.toymoban.com/news/detail-404755.html

到了这里，关于vue3报错：runtime-core.esm-bundler.js:38 [Vue warn]: Invalid prop: type check failed for prop “modelVal的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！