vue element和nuxt的使用技巧分享
1.element的時間選擇提交的格式轉(zhuǎn)化
例如
Fri Sep 07 2018 00:00:00 GMT+0800 (中國標(biāo)準(zhǔn)時間) 轉(zhuǎn)化為 2020-01-11的格式
這記載datepicker中添加一句value-format=”yyyy-MM-dd”
<el-date-picker type="date" v-model="createdate" @change="formatTime" value-format="yyyy-MM-dd" placeholder="選擇時間"></el-date-picker>
2.動態(tài)循環(huán)復(fù)選框時，無法選中問題
this.menulist[index].sonList.map((item)=>{
this.$set(item, 'checked', false); ---用vue的set屬性賦值
})
3.el-form動態(tài)表單驗證（v-if、v-show導(dǎo)致校驗失效的bug）
當(dāng)使用v-if或v-show來控制el-form-item的顯示與隱藏時，會出現(xiàn)校驗失效的bug。
使用v-if：element在對form表單中帶有prop屬性的子組件進(jìn)行校驗規(guī)則綁定時，是在vue聲明周期mounted完成的。而v-if用來切換的元素是會被銷毀的，導(dǎo)致了v-if內(nèi)的表單項，由于在mounted時期沒有進(jìn)行渲染，所以規(guī)則也沒
有綁定上。初始化時不符合顯示條件的不會生成規(guī)則，導(dǎo)致后面切換條件，顯示的輸入框的校驗不會生效 使用v-show：初始化時會生成所有的規(guī)則，即使隱藏了也會進(jìn)行規(guī)則校驗
解決方法
（1）、使用v-if進(jìn)行校驗 每個v-if后面配置一個不同的key值，這樣就可以了
（2）、自定義校驗規(guī)則，喜歡動手的可以自己自定義校驗
4、nuxt如何添加Devtools工具
必須將以下內(nèi)容添加到nuxt.config.js：
vue: {
config: {
productionTip: false,
devtools: true
}
}
以上就是vue element和nuxt的使用技巧分享的詳細(xì)內(nèi)容，更多關(guān)于vue關(guān)于element和nuxt的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
本篇文章主要介紹了VUE中v-model和v-for指令詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
這篇文章主要介紹了vue父組件異步傳遞props值,子組件接收不到解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
解決vue3中使用echart報錯:Cannot read properties of&n
在Vue項目中使用Echarts進(jìn)行數(shù)據(jù)可視化是非常常見的需求,然而有時候在引入Echarts的過程中可能會遇到報錯,本文主要介紹了解決vue3中使用echart報錯:Cannot read properties of undefined (reading ‘type‘),感興趣的可以了解一下2024-01-01
element-ui中頁面縮放時table表格內(nèi)容錯位的解決
這篇文章主要介紹了element-ui中頁面縮放時table表格內(nèi)容錯位的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
electron + vue項目實現(xiàn)打印小票功能及實現(xiàn)代碼
這篇文章主要介紹了electron + vue項目實現(xiàn)打印小票功能,需要的朋友可以參考下2018-11-11
vue3?el-table結(jié)合seamless-scroll實現(xiàn)表格數(shù)據(jù)滾動的思路詳解
這篇文章主要介紹了vue3?el-table結(jié)合seamless-scroll實現(xiàn)表格數(shù)據(jù)滾動,創(chuàng)建兩個table，隱藏第一個table的body部分，這樣就能得到一個固定的head，本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-07-07
vuex根據(jù)不同的用戶權(quán)限展示不同的路由列表功能
最近接到一個新的需求，要求將系統(tǒng)的用戶進(jìn)行分類，用戶登陸后根據(jù)不同的用戶權(quán)限展示不同的功能列表。這篇文章主要介紹了vuex根據(jù)不同的用戶權(quán)限展示不同的路由列表,需要的朋友可以參考下2019-09-09
Vue是當(dāng)今增長最快的前端框架,Vue 平易近人、用途廣泛且性能卓越,它的語法非常直觀,并且具有友好的學(xué)習(xí)曲線,是開發(fā)人員最想學(xué)習(xí)的頂級前端庫之一,下面這篇文章主要給大家介紹了關(guān)于vue管理系統(tǒng)項目中的一些核心技能,需要的朋友可以參考下2022-05-05
代碼添加了一個vDistpickerHandle的事件處理函數(shù)對地區(qū)選擇器中的數(shù)據(jù)進(jìn)行處理,將數(shù)據(jù)存儲到form對象的相應(yīng)屬性中,方便數(shù)據(jù)提交,這篇文章主要介紹了v-distpicker地區(qū)選擇器組件使用,需要的朋友可以參考下2024-02-02
Vue + element實現(xiàn)動態(tài)顯示后臺數(shù)據(jù)到options的操作方法
最近遇到一個需求需要實現(xiàn)selector選擇器中選項值options 數(shù)據(jù)的動態(tài)顯示，而非寫死的數(shù)據(jù)，本文通過實例代碼給大家分享實現(xiàn)方法，感興趣的朋友一起看看吧2021-07-07