问答

element 表格种使用popover问题

作者:admin 2021-04-22 我要评论

在向表格中嵌入popover时出现了一行表格有俩弹窗的情况 只有在trigger='manual'时候才会发生这种情况 如果把trigger改成click就正常了 但是的需求是手动控制弹窗...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

在向表格中嵌入popover时出现了一行表格有俩弹窗的情况imageimageimage
只有在trigger='manual'时候才会发生这种情况 如果把trigger改成click就正常了 但是的需求是手动控制弹窗的关闭 所以需要使用manual 问题是出在哪里了呢,各位大佬有没有思路。

###

所以你手动怎么写的

###

只需要以下代码就可以了,不需要其他代码;
前提是,列表数据里面得有visible字段,并且是boolean值

<el-table-column label="popover">
    <template slot-scope="scope">
        <el-popover
            placement="bottom"
            title="标题"
            width="200"
            trigger="manual"
            content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。"
            v-model="scope.row.visible">
        <el-button slot="reference" @click="scope.row.visible = !scope.row.visible">手动激活</el-button>
        </el-popover>
    </template>
</el-table-column>

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 求助!Mysql workbench connections出

    求助!Mysql workbench connections出

  • c++ 的dll 转golang可以调用

    c++ 的dll 转golang可以调用

  • c++的 new int{10}  和 new int(10) 有

    c++的 new int{10} 和 new int(10) 有

  • Grafana MySQL为数据源时, 折线图无法

    Grafana MySQL为数据源时, 折线图无法

腾讯云代理商
海外云服务器