第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

element-ui框架中Notification組件重疊問(wèn)題

element-ui框架中Notification組件重疊問(wèn)題

藍(lán)山帝景 2019-03-13 17:15:42
我的目的是在打開(kāi)一個(gè)單頁(yè)的時(shí)候,從數(shù)據(jù)庫(kù)獲取一張表里的多條數(shù)據(jù)然后以通知的形式顯示出來(lái),因此在mounted鉤子函數(shù)中獲取數(shù)據(jù)庫(kù)數(shù)據(jù)后,用for循環(huán)調(diào)用Notification這個(gè)組件。mounted:function(){        /*獲取產(chǎn)品缺少警告列表并彈出警告消息*/        this.$http.post('/api/users/getWarning',{}).then((response) => {          this.lacklist = response.body;          for(var i=0;i<this.lacklist.length;i++){            this.$notify({                title:'警告',                message:this.lacklist[i].lackwarning_msg,                type:'warning',                duration:0            });          }        })      },但是在顯示的時(shí)候這幾個(gè)組件疊在了一起,檢查了一下樣式發(fā)現(xiàn)組件top值遞增量遠(yuǎn)小于說(shuō)明文檔演示時(shí)組件top值的遞增量。但是設(shè)置了duration為0不自動(dòng)關(guān)閉Notification組件,當(dāng)跳轉(zhuǎn)到別的頁(yè)面再跳轉(zhuǎn)回來(lái)時(shí),新彈出的組件和之前就存在的組件之間的距離(紅色區(qū)域),卻又剛好就是之前重疊的三個(gè)組件的距離(黃色框選的三個(gè)組件)。想問(wèn)問(wèn)各位大佬出現(xiàn)這種情況是因?yàn)镹otification組件不能使用索引還是其他什么原因?如果不能使用索引那我應(yīng)該怎么實(shí)現(xiàn)循環(huán)調(diào)用Notification組件?
查看完整描述

3 回答

?
溫溫醬

TA貢獻(xiàn)1752條經(jīng)驗(yàn) 獲得超4個(gè)贊

沒(méi)有看源碼,但是我理解是每次調(diào)用$notify.xxxx的時(shí)候,它會(huì)自動(dòng)去計(jì)算當(dāng)前應(yīng)該的偏移量是多少,但是當(dāng)?shù)趲状斡?jì)算的時(shí)候,由于第一次的頁(yè)面還沒(méi)有渲染出來(lái),所以計(jì)算出的偏移量是不準(zhǔn)確的。這樣就造成了重疊在一起的效果。


可以參考一下,強(qiáng)制設(shè)置偏移量


var offset = 0;

for(var j = 0; j< data.length; j++){

    vm.$notify.error({

        title: '錯(cuò)誤',

        message: data[j],

        offset: offset

    });

    offset += 70

}


查看完整回答
反對(duì) 回復(fù) 2019-04-10
  • 3 回答
  • 0 關(guān)注
  • 1436 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)