Vue 2.x的平滑对话框弹出组件– VueDialog

Vue 2.x的平滑对话框弹出组件– VueDialog
插件名称 vue-dialog
发布时间 2020年11月5日
插件作者 javisperez

VueDialog组件允许您为Vue 2.x应用程序创建对话框窗口(例如,警报,确认)。

安装和下载:

# NPM
$ npm install vuedialog --save

import VueDialog from 'vuedialog';
import { Bus, Component as  Vuedals } from 'vuedals';

VueDialog.setBus(Bus);

var vm = new Vue({
	el: '#app',
	
	components: {
        VueDialog,
        Vuedals
    },

    methods: {
        continue() {
            VueDialog.confirm('Are you sure of this?')
                .then(_ => alert('You are sure'))
                .catch(_ => alert('Phew..'));
        }
    },
	
	template: `<div>
        To continue, <span @click="continue()">click here</span>

        <vuedals></vuedals>
    </div>`
});

依存关系

该插件依赖Vuedals于此,因此如果不这样做,则需要将Vuedals作为组件依赖项:

$ npm install vuedals --save
import { Component as Vuedals } from 'vuedals';

Vue.component('my-component', {
    components: {
        Vuedals
    },

    template: `
        <div>
            <vuedals></vuedals>
        </div>
    `
});