getContainer: () => document.querySelector('.modal-container') // 修改这里
时间: 2024-03-03 17:47:23 浏览: 22
这段代码是一个函数,它返回了一个 DOM 节点,该节点将用作 Modal 的容器。具体来说,`querySelector` 方法将返回第一个具有类名为 `modal-container` 的 DOM 元素。如果您希望将 Modal 挂载到不同的容器中,则可以修改选择器字符串或者返回不同的 DOM 节点的函数。例如,如果您希望将 Modal 挂载到 ID 为 `app` 的 DOM 元素中,可以像这样修改代码:
```
getContainer: () => document.querySelector('#app')
```
这将返回具有 ID 为 `app` 的 DOM 元素,作为 Modal 的容器。如果您希望使用自定义的函数来获取容器,则可以将其替换为自己的函数,例如:
```
getContainer: () => {
const container = document.createElement('div');
container.classList.add('custom-modal-container');
document.body.appendChild(container);
return container;
}
```
这个函数将创建一个新的 DIV 元素,并将其添加到页面的 body 元素中。然后,它将返回这个新的 DIV 元素,作为 Modal 的容器。注意,这个函数每次被调用时都会创建一个新的容器元素,并将其添加到页面中。如果您不希望这样做,可以在函数内部添加一些逻辑来检查容器是否已经存在,并且只有在需要时才创建新的容器元素。