vue element和nuxt的使用技巧分享
1.element的時(shí)間選擇提交的格式轉(zhuǎn)化
例如
Fri Sep 07 2018 00:00:00 GMT+0800 (中國標(biāo)準(zhǔn)時(shí)間) 轉(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="選擇時(shí)間"></el-date-picker>
2.動態(tài)循環(huán)復(fù)選框時(shí)，無法選中問題
this.menulist[index].sonList.map((item)=>{
this.$set(item, 'checked', false); ---用vue的set屬性賦值
})
3.el-form動態(tài)表單驗(yàn)證（v-if、v-show導(dǎo)致校驗(yàn)失效的bug）
當(dāng)使用v-if或v-show來控制el-form-item的顯示與隱藏時(shí)，會出現(xiàn)校驗(yàn)失效的bug。
使用v-if：element在對form表單中帶有prop屬性的子組件進(jìn)行校驗(yàn)規(guī)則綁定時(shí)，是在vue聲明周期mounted完成的。而v-if用來切換的元素是會被銷毀的，導(dǎo)致了v-if內(nèi)的表單項(xiàng)，由于在mounted時(shí)期沒有進(jìn)行渲染，所以規(guī)則也沒
有綁定上。初始化時(shí)不符合顯示條件的不會生成規(guī)則，導(dǎo)致后面切換條件，顯示的輸入框的校驗(yàn)不會生效 使用v-show：初始化時(shí)會生成所有的規(guī)則，即使隱藏了也會進(jìn)行規(guī)則校驗(yàn)
解決方法
（1）、使用v-if進(jìn)行校驗(yàn) 每個(gè)v-if后面配置一個(gè)不同的key值，這樣就可以了
（2）、自定義校驗(yàn)規(guī)則，喜歡動手的可以自己自定義校驗(yàn)
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)文章
antd?Vue實(shí)現(xiàn)Login登錄頁面布局案例詳解?附帶驗(yàn)證碼驗(yàn)證功能
這篇文章主要介紹了antd?Vue實(shí)現(xiàn)Login登錄頁面布局案例詳解附帶驗(yàn)證碼驗(yàn)證功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-05-05
vue中watch如何同時(shí)監(jiān)聽多個(gè)屬性
這篇文章主要介紹了vue中watch如何同時(shí)監(jiān)聽多個(gè)屬性,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-07-07
最近公司在做一個(gè)基于vue開發(fā)的項(xiàng)目，項(xiàng)目需要開發(fā)一個(gè)展示組織架構(gòu)的樹組件，在網(wǎng)上搜了半天，沒有找到合適的，下面小編給大家分享一個(gè)基于Vue制作組織架構(gòu)樹組件，需要的朋友參考下吧2017-12-12
這篇文章主要介紹了Vue中使用axios調(diào)用后端接口的坑及解決方案，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-03-03
Vue.js移動端左滑刪除組件的實(shí)現(xiàn)代碼
本篇文章主要介紹了Vue.js移動端左滑刪除組件的實(shí)現(xiàn)代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
vue3.0+echarts實(shí)現(xiàn)立體柱圖
這篇文章主要為大家詳細(xì)介紹了vue3.0+echarts實(shí)現(xiàn)立體柱圖,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要介紹了關(guān)于Vue單元測試的幾個(gè)坑，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04
vue基于session和github-oauth2實(shí)現(xiàn)登錄注冊驗(yàn)證思路詳解
通過 sessionId 可以在 session 表中獲取用戶的信息,此外,還利用 session 表實(shí)現(xiàn)了GitHub 的 OAuth2 第三方登錄,本文講解前端通過簡單的方式實(shí)現(xiàn)一個(gè)基本的登錄注冊驗(yàn)證功能,感興趣的朋友跟隨小編一起看看吧2024-08-08
本文主要介紹了Vue3中v-for的使用方法,包括遍歷數(shù)組、遍歷對象、索引訪問、嵌套遍歷以及結(jié)合計(jì)算屬性和方法的使用,v-for可以幫助用戶動態(tài)地生成和管理列表數(shù)據(jù),并根據(jù)需要進(jìn)行復(fù)雜的DOM操作,提供了多種示例,幫助讀者更好地理解和使用v-for2024-10-10
這篇文章主要介紹了Vue 禁用瀏覽器的前進(jìn)后退操作，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09