需求:
点击详情的小箭头可以看到详情列表
然鹅 element的组件是这样的
可以通过点击事件来打开气泡 ,但是需求上有个箭头,不能忍
准备监听popover的display状态来改变箭头状态的
但是发现
这个气泡在app外面,根本监!听!不!到!
只能用document的点击事件来改变箭头状态
我给箭头加了一个class 通过class改变上下方向
然后在mounted里通过document事件改变
但是问题是总是出bug,不是点了没动,就是点了大家都在动
后来经过不断反思 嗯~
上代码
html:
<el-table-column align="center" prop="date" width="260" label="到访时间">
<template slot-scope="scope">
<div class="form-date">
<p>{
{scope.row.date.value}}</p>
<el-popover trigger="click" placement="top">
<ul>
<li>testtesttesttestt