el-popover的循环写法，visible和属性virtual-ref

前端小云儿

于 2024-10-09 10:00:41 发布

阅读量97

点赞数

分类专栏：前端静态页面以及逻辑文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/jieweiwujie/article/details/142779202

版权

前端静态页面以及逻辑专栏收录该内容

148 篇文章 21 订阅 ¥9.90 ¥199.90

订阅专栏

超级会员免费看

<template>
  <H3>el-popover的循环写法，visible和属性virtual-ref</H3>
  <div style="display: flex">
    <div v-for="(item, index) in data" :key="index">
      <el-popover
        :visible="visible && item.type === showKey"
        :virtual-ref="refName"
      >
        <template #reference>
          <el-button
            class="m-2"
            @click="toggleNameFilter(item.type)"
            :id="item.type"
            >{
  { item.name }}
          </el-button>
        </template>
        <span>这是：{
  { item.name }} </span>
        <el-button class&

了解本专栏