Commit f024ab823a6aa97c4b3a65ff9c0f36de20246bc2
1 parent
ab249f70
修复modal标题属性首次如果没有值,再赋值的话就会没用
Showing
2 changed files
with
11 additions
and
3 deletions
Show diff stats
examples/routers/modal.vue
| 1 | <template> | 1 | <template> |
| 2 | <div> | 2 | <div> |
| 3 | <Button type="primary" @click="modal1 = true">显示对话框</Button> | 3 | <Button type="primary" @click="modal1 = true">显示对话框</Button> |
| 4 | + | ||
| 4 | <Modal | 5 | <Modal |
| 5 | v-model="modal1" | 6 | v-model="modal1" |
| 6 | - title="普通的Modal对话框标题" | 7 | + :title="title" |
| 7 | @on-ok="ok" | 8 | @on-ok="ok" |
| 9 | + :mask-closable="false" | ||
| 8 | @on-cancel="cancel"> | 10 | @on-cancel="cancel"> |
| 9 | - <p>对话框内容</p> | 11 | + <p><Button type="ghost" @click="title = '这是标题'">设置标题</Button> {{title}}</p> |
| 10 | <p>对话框内容</p> | 12 | <p>对话框内容</p> |
| 11 | <p>对话框内容</p> | 13 | <p>对话框内容</p> |
| 12 | </Modal> | 14 | </Modal> |
| @@ -16,7 +18,8 @@ | @@ -16,7 +18,8 @@ | ||
| 16 | export default { | 18 | export default { |
| 17 | data () { | 19 | data () { |
| 18 | return { | 20 | return { |
| 19 | - modal1: false | 21 | + modal1: true, |
| 22 | + title:'' | ||
| 20 | } | 23 | } |
| 21 | }, | 24 | }, |
| 22 | methods: { | 25 | methods: { |
src/components/modal/modal.vue
| @@ -261,6 +261,11 @@ | @@ -261,6 +261,11 @@ | ||
| 261 | } else { | 261 | } else { |
| 262 | this.removeScrollEffect(); | 262 | this.removeScrollEffect(); |
| 263 | } | 263 | } |
| 264 | + }, | ||
| 265 | + title (val) { | ||
| 266 | + if (this.$slots.header === undefined) { | ||
| 267 | + this.showHead = val?true:false; | ||
| 268 | + } | ||
| 264 | } | 269 | } |
| 265 | } | 270 | } |
| 266 | }; | 271 | }; |