1.0.1 • Published 6 years ago
qf-ui-dialog v1.0.1
使用
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>
该组件将会呈现出一个对话框,默认不展示
属性 | 类型 | 默认值 | 作用 |
---|---|---|---|
title | string | dialog对话框 | dialog对话框的标题 |
dialogFlag | boolean | false | 控制对话框是否展示,false不展示,true为展示 |