??????歡迎關(guān)注csdn前端領(lǐng)域博主: 前端小王hs
??????email: 337674757@qq.com
??????前端交流群: 598778642
vue3報(bào)錯(cuò):runtime-core.esm-bundler.js:38 [Vue warn]: Invalid prop: type check failed for prop “modelValue”. Expected Boolean, got Object
at
警告的大意是綁定的函數(shù)期待得到的是布爾值,但得到的是一個(gè)對(duì)象
警告原因就是v-model綁定的函數(shù)獲得的值是一個(gè)對(duì)象,這個(gè)問(wèn)題一般出現(xiàn)在bus傳值或者其他傳值方式
邏輯分析:
①el-dialog(不一定是dialog組件)綁定了一個(gè)函數(shù)
②在script中對(duì)函數(shù)名進(jìn)行了定義
③通過(guò)bus對(duì)這個(gè)函數(shù)名進(jìn)行傳值
問(wèn)題出在:
④需要把函數(shù)名的.value值設(shè)為true
如果沒有設(shè)置ture,而是把子組件傳過(guò)來(lái)的值(obj類型)賦值給函數(shù)名的.vlaue,則會(huì)報(bào)錯(cuò)
偽代碼示意如下:
<tempalte>
//綁定函數(shù)
<el-dialog :function='function' />
</template>
<script setup>
//接受子組件的傳值
//問(wèn)題出在是function.value = e 則報(bào)錯(cuò)
bus.on('function', (e) => {
function.value = true
)}
//對(duì)函數(shù)進(jìn)行定義
const function = ref()
</script>
搜過(guò)其他同類的問(wèn)題,但這個(gè) Expected Boolean, got Object 問(wèn)題應(yīng)該還是算比較新的問(wèn)題文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-404755.html
其他同類的是 期待獲得object類型,但得到的是string,諸如此類這里不在敘述,一般都是定義的函數(shù)沒有寫對(duì)類型或者賦值沒寫好類型導(dǎo)致文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-404755.html
到了這里,關(guān)于vue3報(bào)錯(cuò):runtime-core.esm-bundler.js:38 [Vue warn]: Invalid prop: type check failed for prop “modelVal的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!