更新渲染选项

更新

当一个弹出层已经渲染，如果需要修改其初始的渲染选项，可以通过调用 update() 方法更新，例如一个已经设置了 width 和 height 选项的弹出层，我们可以通过调用 update() 方法更新其宽度和高度：

import { usePopup, type InstanceId } from 'vue-popup-plus'

const popup = usePopup()

let instanceId: InstanceId | null = null

function handlePopup() {
	// 渲染并获取实例 id
	instanceId = popup.render({
		component: () => import('./HelloPopup.vue'),
		width: '500px',
		height: 300,
	})
}

function handlePopupResize() {
	// 更新实例 id 对应的弹出层的宽度和高度
	popup.update(instanceId!, {
		width: 800,
		height: 'auto',
	})
}

支持更新的渲染选项

并不是所有的渲染选项都可以更新，例如 component、appendTo 等，这些选项在渲染时作为一次性的参数已被应用，无法在渲染后更新。

具体可以参考 核心 API - 控制器实例 popup.update()。