小弟在進(jìn)行專案時(shí)只用element ui 的popover遇到了一個(gè)問(wèn)題列表中的每一項(xiàng)都要有一個(gè)相應(yīng)的popover?但發(fā)現(xiàn)如果列表有100項(xiàng) 這個(gè)popover生成的節(jié)點(diǎn)就有100個(gè)擔(dān)心這會(huì)對(duì)效能造成問(wèn)題<ul class="rooms m-b" v-if="showing.length"> <li v-for="(item, index) in showing" :key="index"> <el-popover placement="right" trigger="click"> <div> <div class="action pointer" @click="enterChat(item)">與 {{item.username}} 談話</div> <div class="action pointer" @click="handleChatClick(item)">查看 {{item.username}}</div> </div> <div class="meta" slot="reference"> <span class="title"> <span>{{ item.username }}</span> </span> </div> </el-popover> </li> </ul>不知有沒(méi)有共用一個(gè)節(jié)點(diǎn)內(nèi)容的方法(只生成一個(gè)節(jié)點(diǎn), 或是需要時(shí)才渲染當(dāng)個(gè)popover的方法)我的代碼
element ui 的popover 搭配v-for 遍歷的效能問(wèn)題
眼眸繁星
2019-03-14 14:15:13