Vue this.$modal
时间: 2023-07-05 15:31:02 浏览: 2472
Visualise this
`this.$modal` 是一个 Vue.js 中的插件,用于在应用程序中创建和管理模态框(Modal)。它是通过全局注册Vue插件的方式进行安装的,安装后可以在Vue组件中通过`this.$modal`来使用它提供的方法和属性。
使用 `$modal`,您可以轻松地在Vue组件中创建一个模态框,并在其中显示内容,例如表单、图片、视频等。例如,您可以使用以下代码在Vue组件中创建一个简单的模态框:
```javascript
// 在Vue组件中调用 $modal
this.$modal.show('my-modal', {
title: 'My Modal Title',
content: 'This is my modal content.'
})
```
以上代码会在页面上创建一个模态框,并显示标题为"My Modal Title",内容为"This is my modal content."的内容。您可以通过 `$modal` 提供的方法和属性来自定义模态框的样式、行为和内容。
阅读全文