本文主要是介绍在使用el-popver中遇到的问题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
1、循环中隐藏显示问题
1、在每一个 el-popover 上面增加一个 res 来确定每个el-popover都是唯一的。:ref="`node-popover-${scope.row.appversionId}`"2、使用slot=" reference" 这种方式进html的加载触发 Popover 显示的 HTML 元素
2、在编写一个表头时使用了el-popover后,标签没有显示
在el-popover中显示一个列表,由于和表格数据无关,故在template中没有使用slot-scope=‘scope’
在里面使用时cityList一直为[]空数组,不能显示数据,当添加上插槽slot-scope='scope’时,就可以显示数据了,具体原因也不太清楚(要是有大神知道原因请告知,谢谢)
<template slot="header" slot-scope="scope"><div><el-popover placement="bottom" trigger="hover"><div class="con"><div class="list"><span v-for="(item, index) in cityList" :key="index">{{ item }}</span></div></div><el-button class="xgzb_Style" slot="reference">查看列表</el-button></el-popover></div></template>
这篇关于在使用el-popver中遇到的问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!