av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

vue element和nuxt的使用技巧分享

瀏覽:22日期:2022-10-10 18:42:29
1.element的時(shí)間選擇提交的格式轉(zhuǎn)化

例如

Fri Sep 07 2018 00:00:00 GMT+0800 (中國(guó)標(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.動(dòng)態(tài)循環(huán)復(fù)選框時(shí),無法選中問題

this.menulist[index].sonList.map((item)=>{ this.$set(item, ’checked’, false); ---用vue的set屬性賦值})3.el-form動(dòng)態(tài)表單驗(yàn)證(v-if、v-show導(dǎo)致校驗(yàn)失效的bug)

當(dāng)使用v-if或v-show來控制el-form-item的顯示與隱藏時(shí),會(huì)出現(xiàn)校驗(yàn)失效的bug。

使用v-if:element在對(duì)form表單中帶有prop屬性的子組件進(jìn)行校驗(yàn)規(guī)則綁定時(shí),是在vue聲明周期mounted完成的。而v-if用來切換的元素是會(huì)被銷毀的,導(dǎo)致了v-if內(nèi)的表單項(xiàng),由于在mounted時(shí)期沒有進(jìn)行渲染,所以規(guī)則也沒

有綁定上。初始化時(shí)不符合顯示條件的不會(huì)生成規(guī)則,導(dǎo)致后面切換條件,顯示的輸入框的校驗(yàn)不會(huì)生效 使用v-show:初始化時(shí)會(huì)生成所有的規(guī)則,即使隱藏了也會(huì)進(jìn)行規(guī)則校驗(yàn)

解決方法(1)、使用v-if進(jìn)行校驗(yàn) 每個(gè)v-if后面配置一個(gè)不同的key值,這樣就可以了

(2)、自定義校驗(yàn)規(guī)則,喜歡動(dòng)手的可以自己自定義校驗(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的資料請(qǐng)關(guān)注好吧啦網(wǎng)其它相關(guān)文章!

標(biāo)簽: Vue
相關(guān)文章:
主站蜘蛛池模板: 久久中文高清 | 日日想夜夜操 | 91啪亚洲精品 | 黄网站免费在线观看 | 99久久久无码国产精品 | 国产成人免费网站 | 日韩一区二区三区视频在线观看 | 久久久精 | 日韩精品在线视频免费观看 | 亚洲天堂一区 | 日韩视频一区二区 | 欧美一区二区三区视频 | 久久国产精品一区二区三区 | 国产精品久久久久久婷婷天堂 | 欧美日韩美女 | 亚洲精品久久久久久国产精华液 | 国产精品美女www爽爽爽 | 欧美精品在线观看 | 在线a视频| 欧美日韩中文字幕在线 | 犬夜叉在线观看 | 欧洲一级毛片 | 日韩在线一区二区 | 久久看精品 | 成人亚洲综合 | 欧美日韩不卡合集视频 | 亚洲免费精品 | 亚洲乱码一区二区三区在线观看 | 国产精品久久一区二区三区 | 日韩欧美在线观看 | 国产精品久久午夜夜伦鲁鲁 | 欧美日韩综合精品 | 日韩在线免费视频 | 嫩草影院网址 | 毛片一区二区三区 | 一本一道久久a久久精品综合蜜臀 | 国产精品伦一区二区三级视频 | 久久毛片| 国产极品91| 午夜电影一区二区 | 久久久国产一区二区三区四区小说 |