不知道为什么 就是不显示,
根据文档在按钮加上 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()