VPopup

Popup 控件。

<v-popup
  :center="center"
  :options="options"
>
  popup 内容
</v-popup>

例子

加载弹窗

弹窗里加载图表

在 mapbox-gl 中实现弹窗是通过 new Popup 实例化后执行 setHtml 的方法，插入 html 文本。对于 Canvas 图表来说，必须配合 javascript 来进行操作，因此需要支持 SVG 渲染模式的图表库，例如 EChart。

比如使用 EChart 时，需要在 init 方法中传入 renderer: 'svg' 参数。

const chart = echarts.init(dom, null, {
  width: 400,
  height: 400,
  renderer: "svg",
});

属性

属性	必选	类型	描述
visible	是	boolean	是否显示，使用 v-model:visible 属性可自动更新该变量
center	否	number[]	Popup 坐标
options	否	object	Popup 的 属性

想要更多信息请访问 mapbox 官网, 查看

事件

事件	描述
update:visible	使用 v-model:visible 属性后自动触发的事件

插槽

名称	描述
default	默认