xue-dialog v1.0.3

安装

npm i xue-dialog

或

yarn add xue-dialog

使用

1.添加 element-ui

yarn add element-ui

2.在main.js中引入 xue-dialog

import Vue from 'vue'
import App from './App.vue'
import xue from "xue-dialog"
Vue.config.productionTip = false
Vue.use(xue)
new Vue({
  render: h => h(App),
}).$mount('#app')

3.表单组件

<dialogUi buttonName="" :formUi="formUi" title=""></dialogUi>

<template>
  <div id="app">
    <dialogUi buttonName="点击" :formUi="formUi" title="增加表单"></dialogUi>
  </div>
</template>
<script>
export default {
  data () {
    return {
      formUi:[
        {
          label:"姓名",
          name:""
        },
        {
          label:"班级",
          name:""
        },
        {
          label:"学历",
          name:""
        },
        {
          label:"年龄",
          name:""
        }
      ]
    }
  },
}
</script>