1.0.1 • Published 5 years ago
wj-ui-dialog v1.0.1
使用
1.安装
npm i wj-ui-dialog
2.使用
1.在main.js中引入element-ui组件
2.在main.js中引入element-ui组件中index.css
3.在main.js中引入dialogui
import Vue from "vue";
import App from "./App.vue";
import dialogUi from './index'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
Vue.use(dialogUi)
Vue.config.productionTip = false;
new Vue({
render: h => h(App)
}).$mount("#app");
3.dialog组件
<wj-ui-dialog></wj-ui-dialog>
该组件默认弹框展示表单验证
属性 | 类型 | 默认值 |
---|---|---|
avatarUrl | String | zly.png |
name | String | 无 |
class | String | 无 |
productUrl | String | 无 |
degree | Striing | 无 |
age | Number | 无 |
city | String | 无 |
description | String | 无 |
dialogFormVisible | Boolean | 无 |