添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
新场景名称:
取消 确定 删除

以上是表格html部分的完整代码,因为点击复制按钮时,想在复制按钮附件出现弹窗,输入相应信息然后点提交,所以没采用普通的el-button+el-dialog的方式。

但是使用el-popover时却发现,却发现,总是会出现冗余的提示。

把复制按钮所在的el-popover标签挪动顺序等都不行,最终偶然的条件下,在“复制”按钮所在的el-popover标签前面,怀疑是el-popover所在的父标签

<template #default="scope">产生了影响,起初是直接在该<template #default="scope">下新建<template>
<el-popover
              placement="top"
              :width="300"
              trigger="click"
              v-model:popoverVisible="popoverVisible"
</template>

,但不能解决问题,偶然间,挪动el-popover的位置,并在前面又空<template></template>,即可解决悬浮提示,且注意,复制按钮所在不可以在操作列第一个位置,否则依然会出现悬浮提示。

解决后,鼠标再放置操作列时不会再遇到悬浮提示。

解决方法单独摘取出来

<template>
            </template>
            <el-popover
              placement="top"
              :width="300"
              trigger="click"
              v-model:popoverVisible="popoverVisible"
              <el-row>
                <el-col :span='8'>新场景名称:</el-col>
                <el-col :span="16"><el-input v-model="newScenarionName"></el-input></el-col>
              </el-row>
              <div style="text-align: right; margin: 0">
                <el-button size="mini" type="text" @click="popoverVisible=false">取消</el-button>
                <el-button  size="mini" @click="handleClick(scope.row, 'copy')" >确定</el-button>
              <template #reference>
                <el-button type="text" @click="true" size="small" icon="el-icon-document-copy">复制</el-button>
              </template>
            </el-popover>