vue2引入表单设计器(avue-form-design)

安装依赖

npm install element-ui @smallwei/avue @sscfaith/avue-form-design

main.js引入

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import axios from 'axios';
import AvueFormDesign from '@sscfaith/avue-form-design'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import Avue from '@smallwei/avue';
import '@smallwei/avue/lib/index.css';
Vue.use(ElementUI);
Vue.use(Avue)
Vue.use(AvueFormDesign)
Vue.config.productionTip = false

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

vue页面使用

 <avue-form-design
            ref="designer"
            style="height: 85vh"
            :options="options"
            storage
            @submit="handleSubmit"
            asideLeftWidth="240px"
            asideRightWidth="300px"
        >
</avue-form-design>

 

posted @ 2023-02-08 15:13  南无、  阅读(1065)  评论(0)    收藏  举报