Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- methods: {
- closeModal: function(){
- function closeM(){
- $('.modal').css({opacity: 0 , 'visibility':'hidden'});
- }
- closeM();
- },
- closeOutside: function(){
- $(document).mouseup(function (e){
- var container1 = $('.modal__box');
- if (!container1.is(e.target) &&
- container1.has(e.target).length === 0)
- {
- this.$emit('closeModal',closeM());
- }
- });
- }
- }
- <div class="modal" @click="closeOutside()">
- <div class="modal__box z-depth-2 pr">
- <div class="modal__header"> {{header}} </div>
- <i class="modal__close pa fa fa-times" @click="closeModal() "> </i>
- <div class="modal__content">
- <slot> </slot>
- </div>
- </div>
- </div>
- this.$emit('closeModal',closeM());
- this.$emit('closeModal',this.closeModal());
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement