mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
[improvement] Dialog: support local registration
This commit is contained in:
parent
a13cdcae61
commit
18ad532a91
@ -89,6 +89,8 @@ Dialog.install = () => {
|
|||||||
Vue.use(VanDialog);
|
Vue.use(VanDialog);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
Dialog.Component = VanDialog;
|
||||||
|
|
||||||
Vue.prototype.$dialog = Dialog;
|
Vue.prototype.$dialog = Dialog;
|
||||||
|
|
||||||
export default Dialog;
|
export default Dialog;
|
||||||
|
@ -100,3 +100,7 @@ test('button text', () => {
|
|||||||
});
|
});
|
||||||
expect(wrapper).toMatchSnapshot();
|
expect(wrapper).toMatchSnapshot();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
test('dialog component', () => {
|
||||||
|
expect(Dialog.Component).toEqual(DialogVue);
|
||||||
|
});
|
||||||
|
@ -2,14 +2,36 @@
|
|||||||
|
|
||||||
### 介绍
|
### 介绍
|
||||||
|
|
||||||
弹出框组件支持函数调用和组件调用两种形式
|
弹出模态框,常用于消息提示、消息确认、在当前页面内完成特定的交互操作
|
||||||
|
|
||||||
### 引入
|
弹出框组件支持函数调用和组件调用两种方式
|
||||||
|
|
||||||
|
### 函数调用
|
||||||
|
|
||||||
|
Dialog 是一个函数而不是组件,因此可以直接调用,展示对应的提示弹窗
|
||||||
|
|
||||||
```js
|
```js
|
||||||
import { Dialog } from 'vant';
|
import { Dialog } from 'vant';
|
||||||
|
|
||||||
|
Dialog({ message: '提示' });
|
||||||
|
```
|
||||||
|
|
||||||
|
### 组件调用
|
||||||
|
|
||||||
|
通过组件调用 Dialog 时,可以通过下面的方式进行注册
|
||||||
|
|
||||||
|
```js
|
||||||
|
import { Dialog } from 'vant';
|
||||||
|
|
||||||
|
// 全局注册
|
||||||
Vue.use(Dialog);
|
Vue.use(Dialog);
|
||||||
|
|
||||||
|
// 局部注册
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
[Dialog.Component.name]: Dialog.Component
|
||||||
|
}
|
||||||
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
## 代码演示
|
## 代码演示
|
||||||
@ -82,7 +104,7 @@ export default {
|
|||||||
|
|
||||||
### 组件调用
|
### 组件调用
|
||||||
|
|
||||||
如果需要在弹窗内嵌入组件或其他自定义内容,可以使用组件调用的方式,调用前需要通过 `Vue.use` 注册组件
|
如果需要在弹窗内嵌入组件或其他自定义内容,可以使用组件调用的方式
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<van-dialog
|
<van-dialog
|
||||||
@ -104,6 +126,7 @@ export default {
|
|||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
||||||
## API
|
## API
|
||||||
|
|
||||||
### 方法
|
### 方法
|
||||||
|
Loading…
x
Reference in New Issue
Block a user