欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

element?ui時(shí)間日期選擇器el-date-picker報(bào)錯(cuò)Prop?being?mutated:"placement"解決方式

 更新時(shí)間:2022年08月17日 11:14:42   作者:知所云  
在日常開發(fā)中,我們會遇到一些情況,限制日期的范圍的選擇,下面這篇文章主要給大家介紹了關(guān)于element?ui時(shí)間日期選擇器el-date-picker報(bào)錯(cuò)Prop?being?mutated:?"placement"的解決方式,需要的朋友可以參考下

發(fā)現(xiàn)錯(cuò)誤

這兩天在寫新項(xiàng)目的時(shí)候,遇到了element ui 時(shí)間日期選擇器一直報(bào)錯(cuò)

[Vue warn]: Avoid mutating a prop directly since the value will be
overwritten whenever the parent component re-renders.
Instead, use a data or computed property based on the prop's value. 
Prop being mutated: "placement"

這個(gè)報(bào)錯(cuò)并沒有影響實(shí)際操作,但是看著很難受

解決

根據(jù)報(bào)錯(cuò)顯示是element ui data-picker 下的picker文件報(bào)錯(cuò)的,我這邊在node_modules 中找到這個(gè)vue文件發(fā)現(xiàn)

props值中有加一個(gè)placement: Popper.props.placement,
created的時(shí)候 placement 有個(gè)賦值操作 this.placement = PLACEMENT_MAP[this.align] || PLACEMENT_MAP.left;這樣就導(dǎo)致了報(bào)錯(cuò)

老項(xiàng)目沒有報(bào)錯(cuò)是因?yàn)榘姹局衟rops中沒有placement,只有created的時(shí)候 placement 有個(gè)賦值操作,所有不會有報(bào)錯(cuò)

因?yàn)槲业倪@個(gè)bug報(bào)錯(cuò)只在 2.15.9 中有。并沒有影響實(shí)際操作看不過error 報(bào)錯(cuò)的可以將版本降至 2.15.9以下就可以了
公司項(xiàng)目都是用的2.12版本的,所以直接npm install element-ui@2.12.0 -s

可以看看element ui git https://github.com/ElemeFE/element/issues/21905

剛開始報(bào)錯(cuò)的時(shí)候還沒有意識到版本問題,后來老項(xiàng)目看到node_modules 中picker.vue 和現(xiàn)在用的不一樣的時(shí)候才發(fā)現(xiàn)是版本問題,本身我的package.json里面element ui顯示的版本是2.12的

因?yàn)榘惭b其他東西出現(xiàn)問題把package-lock.json 和node_modules 都刪了,然后npm install 結(jié)果坑的是package.json版本和實(shí)際安裝的不是一個(gè)版本,不然不會出現(xiàn)這個(gè)問題

還是需要單獨(dú)npm install element-ui@2.12.0 -s

啊,又是被坑的一天,對你有幫助記得點(diǎn)個(gè)贊

補(bǔ)充:el-date-picker 初始化報(bào)錯(cuò)

在點(diǎn)擊el-date-picker組件自帶的

x初始化后,提交數(shù)據(jù)報(bào)錯(cuò)

Error in event handler for “click”: “TypeError: Cannot read property ‘0’ of null”
Cannot read property ‘0’ of null

因?yàn)槲耶?dāng)前的類型是daterange是個(gè)數(shù)組

,他默認(rèn)初始化是為0所有會報(bào)類型錯(cuò)誤,而且default-time并不會將其代替,所有 需要手動(dòng)解決一下,在組件上先判斷一下,當(dāng)前是否為null ,如果是0就返回一個(gè)空數(shù)組,如果不是0就返回當(dāng)前數(shù)據(jù)

v-if="timeRange === null ? timeRange = [] : timeRange = timeRange"

總結(jié)

到此這篇關(guān)于element ui時(shí)間日期選擇器el-date-picker報(bào)錯(cuò)Prop being mutated:"placement"解決的文章就介紹到這了,更多相關(guān)element ui時(shí)間日期選擇器報(bào)錯(cuò)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評論