vue 定制地图插件_高度可定制的Vue模式插件

vue 定制地图插件

VueJS模式 (vuejs-modal)

A simple、highly customizable vue modal plugin.

一个简单，高度可定制的Vue模式插件。

This plugin which works only with Vue 2.0+

该插件仅适用于Vue 2.0+

A file corresponds to a modal, and registered to vue prototype, so I can use it through this, it gives me a state of a promise, so I can get this modal state.

一个文件对应一个模态，并注册到vue原型，因此我可以通过它使用它，它给了我一个承诺状态，所以我可以得到这个模态状态。

现场演示 (Live Demo)

https://shaodahong.github.io/vuejs-modal/

https://shaodahong.github.io/vuejs-modal/

安装 (Installation)

$ npm i vuejs-modal -S

用法 (Usage)

import Modal from 'vuejs-modal'

// If you can use default template, you should be:
import confirm from 'vuejs-modal/lib/confirm.vue'

Vue.use(Modal, {
     modals: {
         confirm //default template
     }  //your modals, is a object 
})

Use in component:

在组件中使用：

<template>
    //html
</template>

<script>
export default {
    methods: {
        show: function () {
            this.$modal.confirm().then( res => {
                // I click ok button
            }).catch( rej => {
                // I click cancel button
            })
        }
    }
}
</script>

翻译自: https://vuejsexamples.com/a-highly-customizable-vue-modal-plugin/

vue 定制地图插件