在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ element-ui v-loading指令使用在組件頂層元素的時候會fulls

element-ui v-loading指令使用在組件頂層元素的時候會fullscreen觸發(fā)

如標(biāo)題所訴，該如何解決？

<template>
    <div v-loading="loading"> </div>
</template>

就像這樣寫，如果這個組件掛載在其他組件下，會導(dǎo)致全屏的loading觸發(fā)。

官網(wǎng)并沒有對這個現(xiàn)象有所解釋，如果寫在template下的頂層元素上的話，就不會觸發(fā)全屏loading

<template>
    <div> 
        <section v-loading="loading"></section>
    </div>
</template>

這樣寫就不會觸發(fā)。

回答
編輯回答
怪痞
.el-loading-mask {
  position: absolute;
  z-index: 10000;
  background-color: rgba(255, 255, 255, .9);
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity .3s
}

loading的遮罩是受div的面積控制的，如果div面積為空，則受最上position為 relative 的元素所限定，如果一直向上找不到，則是 body。你試著給div限制寬高，應(yīng)該就不會出現(xiàn)這個問題了

2017年4月10日 00:23