test/element
1
0
Fork 0
mirror of https://gitee.com/ElemeFE/element.git synced 2024-12-02 12:18:46 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update dialog.md

Browse Source
This commit is contained in:
杨奕 2017-09-16 21:16:47 +08:00
parent 7f91a0c49f
commit 7497dcb8ec
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
examples/docs/zh-CN/dialog.md
View File

@ -235,9 +235,10 @@ Dialog 组件的内容可以是任意的，甚至可以是表格或表单，下
:::
### 居中布局
标题和底部采用居中布局
:::demo 将 `center` 设置为 `true` 即可使标题和底部居中，同时为了防止破坏内容的布局，内容默认是不居中的
标题和底部可水平居中
:::demo 将 `center` 设置为 `true` 即可使标题和底部居中。
```html
<el-button type="text" @click="centerDialogVisible = true">点击打开 Dialog</el-button>
@ -266,6 +267,10 @@ Dialog 组件的内容可以是任意的，甚至可以是表格或表单，下
```
:::
:::tip
`center` 仅影响标题和底部区域。Dialog 的内容是任意的，在一些情况下，内容并不适合居中布局。如果需要内容也水平居中，请自行为其添加 CSS。
:::
:::tip
如果 `visible` 属性绑定的变量位于 Vuex 的 store 内，那么 `.sync` 不会正常工作。此时需要去除 `.sync` 修饰符，同时监听 Dialog 的 `open` 和 `close` 事件，在事件回调中执行 Vuex 中对应的 mutation 更新 `visible` 属性绑定的变量的值。
:::