亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

vue element和nuxt的使用技巧分享

 更新時(shí)間：2021年01月14日 08:37:45   作者：山水有輕音  
這篇文章主要介紹了vue element和nuxt的使用技巧分享，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下

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í)，無(wú)法選中問(wèn)題

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來(lái)控制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用來(lái)切換的元素是會(huì)被銷毀的，導(dǎo)致了v-if內(nèi)的表單項(xiàng)，由于在mounted時(shí)期沒(méi)有進(jìn)行渲染，所以規(guī)則也沒(méi)

有綁定上。初始化時(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)注腳本之家其它相關(guān)文章！

相關(guān)文章

最新評(píng)論