KevinMidboe/vue-js-modal
1
0
Fork 0
mirror of https://github.com/KevinMidboe/vue-js-modal.git synced 2025-10-29 18:00:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update README.md

Browse Source
This commit is contained in:
Yev Vlasenko
2017-05-04 10:25:48 +01:00
committed by GitHub
parent 024a4325c5
commit a6149f549e
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
README.md
View File

@@ -63,7 +63,7 @@ methods: {
| closed | Emits right before modal is destoyed | | closed | Emits right before modal is destoyed |
Example: Example:
``` ```vue
<template> <template>
<modal name="example" <modal name="example"
:width="300" :width="300"
@@ -79,17 +79,17 @@ export default {
data () { data () {
return { return {
time: 0, time: 0,
duration: 8000 duration: 5000
} }
}, },
methods: { methods: {
beforeOpen (event) { beforeOpen (event) {
console.log(event); console.log(event)
// Set the opening time of the modal // Set the opening time of the modal
this.time = Date.now() this.time = Date.now()
}, },
beforeClose (event) { beforeClose (event) {
console.log(event); console.log(event)
// If modal was open less then 5000 ms - prevent closing it // If modal was open less then 5000 ms - prevent closing it
if (this.time + this.duration < Date.now()) { if (this.time + this.duration < Date.now()) {
event.stop() event.stop()
@@ -100,6 +100,9 @@ export default {
</script> </script>
``` ```
This example, initializes `time` variable every time the modal is being opened.
And then forbits closing it for the next 5000 ms
### Developers ### Developers
To run an example: To run an example: