1.0.1 • Published 6 years ago

qf-ui-dialog v1.0.1

Weekly downloads
1
License
ISC
Repository
-
Last release
6 years ago

使用


1.安装

npm i qf-ui-dialog
npm i element-ui

2.使用

1.在main.js引入element-ui及css

import Vue from 'vue'
import App from './App.vue'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
Vue.config.productionTip = false

new Vue({
    render: h => h(App),
}).$mount('#app')

2.在main.js引入dialog

import Vue from 'vue'
import App from './App.vue'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import dialog from './ui/dialog'
Vue.use(ElementUI);
Vue.use(dialog);
Vue.config.productionTip = false

new Vue({
    render: h => h(App),
}).$mount('#app')

3.dialog对话框组件

<dialog-demo></dialog-demo>

该组件将会呈现出一个对话框,默认不展示

属性类型默认值作用
titlestringdialog对话框dialog对话框的标题
dialogFlagbooleanfalse控制对话框是否展示,false不展示,true为展示