# Dialog
罩层
案例
import { defineComponent } from "vue";
import { Button, Dialog } from "sl-vue2-template";
export default defineComponent({
data() {
return {
show: false,
};
},
methods: {
onClose() {
this.show = !this.show;
},
},
render() {
return (
<div>
<Button handlerClick={this.onClose}>open</Button>
<Dialog show={this.show} handlerClose={this.onClose}>
Dialog
</Dialog>
</div>
);
},
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
# 属性
| 成员 | 说明 | 类型 | 必须 | 默认值 | 版本 |
|---|---|---|---|---|---|
| show | 可见 | Boolean | 是 | -- | -- |
# 事件
| 事件名称 | 说明 | 回调参数 | 必须 | 版本 |
|---|---|---|---|---|
| handlerClose | 关闭的回调 | () => void | 是 | -- |