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

鍍金池/ 問答/HTML5  HTML/ 我頁面上有三個ul,我點擊的時候切換ul里面的內容,但是我切換的時候會看到上一個

我頁面上有三個ul,我點擊的時候切換ul里面的內容,但是我切換的時候會看到上一個ul的內容閃一下,怎么解決這個閃一下的問題呢?

我頁面上有三個ul,我點擊的時候切換ul里面的內容,但是我切換的時候會看到上一個ul的內容閃一下,怎么解決這個閃一下的問題呢?
我代碼是這樣的

          <ul>
            <li v-for="(item,index) in shebeide">
                <span class="span_three" :title="item.deviceName">{{item.deviceName}}</span>
                <button @click="tianjianshei(item,index)" class="tianjian_lei">確定</button>
            </li>
            </ul>
            

頁面的效果是這樣的

clipboard.png

每當我點擊按鈕 添加設備的時候

clipboard.png

當我點擊添加設備的時候 我上一個ul里面的文字會閃一下,才會變?yōu)楫斍暗模杏X應該是復用了,但是不知道怎么解決這個問題

回答
編輯回答
半心人

vue列表渲染就地復用

大概是這個問題。

2018年8月6日 18:47
編輯回答
瞄小懶

簡單的說就是你在打開一個頁面的時候,其實已經(jīng)渲染了一層數(shù)據(jù)了,在你離開彈框頁面時候,你沒有清空數(shù)據(jù),數(shù)據(jù)是依然存在的,當然也可以加一個loading,在新數(shù)據(jù)重新渲染之前把數(shù)據(jù)loading蓋住,增加一個過渡。當然一樓的建議也要采用,最好加上key圖片描述

2017年5月29日 23:30