首页 > 其他分享 >表单设计器(avue-form-design)--引入

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

时间:2023-02-08 15:23:39浏览次数:52  
标签:Vue form -- element design import avue

安装依赖

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>

 

标签:Vue,form,--,element,design,import,avue
From: https://www.cnblogs.com/nicoz/p/17101885.html

相关文章

  • C#,Winform软件防破译-源代码加密简单方法之.NET REACTOR(一)
     一、.NETReactor介绍 .NETReactor是一个功能强大的代码保护和软件许可系统,适用于为.NETFramework编写的软件,并支持生成.NET程序集的所有语言。支持Blazor保护,支......
  • 远程挂载sftp
    1.A机器上启用sftp,编辑/etc/ssh/sshd_configSubsystemsftpinternal-sftpCiphersaes256-ctr,aes192-ctr,aes128-ctrMatchGroupsftpChroot......
  • 阿里IM技术分享(十):深度揭密钉钉后端架构的单元化演进之路
    本文由钉钉技术专家啸台、万泓分享,为了获得更好的阅读效果,本文已对内容进行少修订和重新排版。1、引言钉钉后端架构的单元化工作从2018年开始到今年,已经是第五个年头了。......
  • Idea 下载插件网址
    https://plugins.jetbrains.com/plugin/20549-apifox-helper IDEA插件安装「ApifoxHelper」https://www.apifox.cn/help/ide-plugin/idea-plugin/quickstart/install......
  • 使用Android studio配置软件签名,并在车机安装
    系统级APP,可在Androidmanifest.xml中配置属性,并使用系统级签名。1.签名方式1.1bulid.gradle(:app)中添加签名信息 1.2使用Androidstudio单独生成......
  • 干货分享 | 3个Zbrush实用减面工具分享
    一、使用SculptrisProSculptrisPro是zbrush中的一个功能按钮,点击此工具按钮,同时将笔刷转换至standard笔刷,即可减去需要平滑的面。点击开启SculptrisPro使用Stand......
  • VsCode官网下载太慢?直接失败?看了这篇文章,妈妈再也不担心我不会下载vscode啦!
    我有个朋友来到公司以后,在搭建基本开发环境时,什么nodejs安装包,vscode包等等都是由同事直接分享,然后一键安装,从来没去过官网下载,以至于想更新新版本的时候首次进入官网有点......
  • 测试报告
    1、项目背景1.1编写目的如本报告为系统测试报告,编写目的在于总结测试周期工作及成果,描述系统是否达到需求。本报告阅读人员包括测试人员,项目管理人员,开发,产品及本版本参......
  • 695~696 HTTP请求消息。请求 行,头,体
     HTTP请求消息数据格式:1.请求行请求行请求url请求协议/版本GET/login.html/HTTP/1.1请求方式HTTP协议有七种申......
  • GDB调试
    GDBGDB是由GNU软件社区提供的调试工具,同GCC配套组成一套完整的开发环境启动程序,按照自定义要求随性所欲运行程序在所指定的断点处停止程序停止时,可以检查程序中所发生......