el-popover 组件内按钮不显示

不知道为什么 就是不显示，
根据文档在按钮加上 v-popover:popover（v-popover:‘自定义’）
加上 v-popover:popover 按钮是显示了，但是点击没效果，不能打开。
给 el-popover 加上 value, 和 v-model也没用，控制不了。
最后加上 ref=“popover” 才有用，但是变成能显示，不能隐藏。
后来百度之后 @click=“$refs.popover.doClose()” 在需要关闭的按钮加上这个事件就好了

 <el-popover
   ref="popover"
   placement="bottom-end"
   width="950"
   trigger="click"
 >
   <div>
     <el-form-item class="MapInput">
       <span class="span">
         <el-button size="mini" @click="cancel">取 消</el-button>
         <el-button type="primary" size="mini" @click="$refs.popover.doClose()">确 定</el-button>
       </span>
     </el-form-item>

     <Map ref="map" @PositionDegrees="degrees" />
   </div>

   <el-button slot="reference" v-popover:popover type="primary" plain size="small" @click="MapShow">查看</el-button>
 </el-popover>

// js
this.$refs.popover.doClose()