element ui 的popover 搭配v-for 遍歷的效能問題

小弟在進(jìn)行專案時只用element ui 的popover遇到了一個問題

列表中的每一項都要有一個相應(yīng)的popover?

但發(fā)現(xiàn)如果列表有100項 這個popover生成的節(jié)點(diǎn)就有100個

擔(dān)心這會對效能造成問題

不知有沒有共用一個節(jié)點(diǎn)內(nèi)容的方法(只生成一個節(jié)點(diǎn), 或是需要時才渲染當(dāng)個popover的方法)

我的代碼

<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>

有人也遇過一樣的問題嗎 跪求提供思路方法了