1.0.1 • Published 6 years ago
wj-ui-dialog v1.0.1
使用
1.安装
npm i wj-ui-dialog2.使用
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 | 无 |