新思维网站,怎样建设档案馆网站,wordpress 文章访问次数,哈尔滨网络公司排行使用el-popover实现鼠标点击或浮动到自定义图标上弹出表格弹窗#xff0c;官方文档上使用的是按钮el-button#xff0c;如果想换成图标或其他的组件的话直接把el-button替换掉即可。注意替换之后的组件一定要加slot“reference”#xff0c;不然组件是显示不出来的。 代码如… 使用el-popover实现鼠标点击或浮动到自定义图标上弹出表格弹窗官方文档上使用的是按钮el-button如果想换成图标或其他的组件的话直接把el-button替换掉即可。注意替换之后的组件一定要加slot“reference”不然组件是显示不出来的。 代码如下:
el-popoverplacementrightwidth400triggerclickel-table :datagridDatael-table-column width150 propertydate label日期/el-table-columnel-table-column width100 propertyname label姓名/el-table-columnel-table-column width300 propertyaddress label地址/el-table-column/el-tablei slotreference classel-icon-question/i
/el-popoverscriptexport default {data() {return {gridData: [{date: 2016-05-02,name: 王小虎,address: 上海市普陀区金沙江路 1518 弄}, {date: 2016-05-04,name: 王小虎,address: 上海市普陀区金沙江路 1518 弄}, {date: 2016-05-01,name: 王小虎,address: 上海市普陀区金沙江路 1518 弄}, {date: 2016-05-03,name: 王小虎,address: 上海市普陀区金沙江路 1518 弄}]};}};
/script
