国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

vue3報(bào)錯(cuò):runtime-core.esm-bundler.js:38 [Vue warn]: Invalid prop: type check failed for prop “modelVal

這篇具有很好參考價(jià)值的文章主要介紹了vue3報(bào)錯(cuò):runtime-core.esm-bundler.js:38 [Vue warn]: Invalid prop: type check failed for prop “modelVal。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

??????歡迎關(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)題

其他同類的是 期待獲得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)!

本文來(lái)自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in nextTick: “TypeError: Cannot read properties of und

    vue使用vue-element-admin報(bào)錯(cuò): 原因是: 其中 ayout=\\\"prev, pager, next\\\" 的pager拼寫錯(cuò)了

    2024年02月16日
    瀏覽(93)
  • vue-router.esm.js:2248 Error: Cannot find module ‘@/views/dylife/ 報(bào)錯(cuò)解決
  • el-select報(bào)錯(cuò):vue.esm.js?5cd5:5105 [Vue warn]: <transition-group> children must be keyed: <ElTag>;無(wú)法選中

    el-select報(bào)錯(cuò):vue.esm.js?5cd5:5105 [Vue warn]: <transition-group> children must be keyed: <ElTag>;無(wú)法選中

    目錄 一、問(wèn)題 二、原因及解決方法 三、總結(jié) Tips:嫌麻煩可以直接看總結(jié)中有顏色的字體即可! 1. 使用element select控件時(shí)有警告(transition-group children must be keyed: ElTag)且無(wú)法選中下拉項(xiàng) vue.esm.js?5cd5:5105 [Vue warn]: transition-group children must be keyed: ElTag found in --- TransitionGroup ? ? ? ?

    2024年02月14日
    瀏覽(18)
  • ASP.NET Core+Vue3 實(shí)現(xiàn)SignalR通訊

    ASP.NET Core+Vue3 實(shí)現(xiàn)SignalR通訊

    從ASP.NET Core 3.0版本開始,SignalR的Hub已經(jīng)集成到了ASP.NET Core框架中。因此,在更高版本的ASP.NET Core中,不再需要單獨(dú)引用Microsoft.AspNetCore.SignalR包來(lái)使用Hub。 在項(xiàng)目創(chuàng)建一個(gè)類繼承Hub, 首先是寫一個(gè)CreateConnection方法 ConnectionId是SignalR中標(biāo)識(shí)的客戶端連接的唯一標(biāo)識(shí)符, 將userId和

    2024年02月06日
    瀏覽(24)
  • 【Vue3+Ts project】認(rèn)識(shí) @vueuse/core 庫(kù)

    【Vue3+Ts project】認(rèn)識(shí) @vueuse/core 庫(kù)

    根據(jù)屏幕寬度改變 實(shí)現(xiàn)動(dòng)態(tài)獲取盒子的寬度 ? 目錄 目標(biāo): 一、javascript實(shí)現(xiàn) 二、@vueuse/core 庫(kù)實(shí)現(xiàn) 1.首先 window.innerWidth 獲取當(dāng)前屏幕寬度,然后將 盒子寬度 除 375 乘 當(dāng)前屏幕寬度 2.將獲取的動(dòng)態(tài)盒子寬度賦值給 一個(gè)變量 3.將獲取盒子邏輯代碼封裝函數(shù) 并在進(jìn)入頁(yè)面后組件加

    2024年02月09日
    瀏覽(36)
  • 通過(guò).NET Core+Vue3 實(shí)現(xiàn)SignalR即時(shí)通訊功能

    通過(guò).NET Core+Vue3 實(shí)現(xiàn)SignalR即時(shí)通訊功能

    .NET Core 和 Vue3 結(jié)合使用 SignalR 可以實(shí)現(xiàn)強(qiáng)大的實(shí)時(shí)通訊功能,允許實(shí)時(shí)雙向通信。在這個(gè)示例中,我們將詳細(xì)說(shuō)明如何創(chuàng)建一個(gè)簡(jiǎn)單的聊天應(yīng)用程序,演示如何使用 .NET Core SignalR 后端和 Vue3 前端來(lái)實(shí)現(xiàn)實(shí)時(shí)通訊功能。 確保你已經(jīng)安裝了以下工具和環(huán)境: .NET Core Node.js Vue C

    2024年02月05日
    瀏覽(23)
  • 在asp.net core中使用vue3+vite(起)

    在asp.net core中使用vue3+vite(起)

    一開始是一個(gè)自用的應(yīng)用,原本是用razor寫的。最近有了點(diǎn)新想法,加點(diǎn)新功能,但是我接觸的項(xiàng)目基本都是vue+api的前后端分離,用這razor寫的是真不習(xí)慣,最后決定還是用習(xí)慣的vue重寫。 之前嘗試過(guò)在.net core里使用vue2+webpack,畢竟實(shí)際上就是把.vue翻譯成了.js來(lái)用,一個(gè)站點(diǎn)

    2024年02月12日
    瀏覽(33)
  • vue報(bào)錯(cuò)Uncaught runtime errors: × ERROR ResizeObserver loop limit exceeded at handleError (webpack

    Uncaught runtime errors: × ERROR ResizeObserver loop limit exceeded at handleError (webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:252:58) at eval (webpack-internal:///./node_modules/webpack-dev-serve 問(wèn)題原因: 使用了el-table組件+彈性布局 彈性布局 單獨(dú)使用都不會(huì)報(bào)錯(cuò),但是兩個(gè)結(jié)合在一起就產(chǎn)生了

    2024年02月11日
    瀏覽(20)
  • vue前端頁(yè)面彈出紅色報(bào)錯(cuò)遮罩層 Uncaught runtime errors:at handleError (webpack-internal:///./node_modules/webpack

    報(bào)錯(cuò)信息: 原因: 當(dāng)出現(xiàn)編譯錯(cuò)誤或警告時(shí),在瀏覽器中顯示全屏覆蓋。 解決方法: 在vue.config.js中添加如下配置, 重啟項(xiàng)目 即可 https://webpack.docschina.org/configuration/dev-server/#overlay

    2024年02月05日
    瀏覽(111)
  • NET Core發(fā)布 HTTP Error 500.31 - Failed to load ASP.NET Core runtime

    NET Core發(fā)布 HTTP Error 500.31 - Failed to load ASP.NET Core runtime

    記錄一下踩過(guò)的坑: 首先,不論是500.31還是500.30 ,首先確保安裝了三個(gè)文件 1.NET Core RunTime 2.NET SDK 3.NET Hosting 其次,確保三個(gè)文件的版本一致,如下: 要裝就統(tǒng)一裝同一個(gè)大版本,不要東一個(gè)西一個(gè),不然就報(bào)錯(cuò)(親身體驗(yàn))。 發(fā)布完再看看應(yīng)用程序池設(shè)置: 基本上和我這

    2024年01月17日
    瀏覽(63)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包