1.注册 auth 指令

2.main 引入设置 import { VXEPAGE } from 'sag-vxe-page'; import 'sag-vxe-page/dist/style.css';

VXEPAGE.setupConfig({ application: 'xxx',//应用名称-缓存使用(如果不设可能会引起同一个项目下不同子应用的缓存命名冲突) vxeSlot: false, //true为vxe控件 false为ant-design控件 size: 'small', // 全局尺寸 medium small mini ctxPath: apiPath.default, //根路径(请求服务器的路径如果不以斜杠开头都将自动添加该前缀) requestDictUrl: '/xxx/xxx', //下拉框请求服务路径 templateForm: { vertical: false, //是否使用垂直布局 titleColon: true, //自动设置冒号 titleWidth: 110, //标题宽度 titleAlign: 'right', //标题位置 }, templateTable: { ignoreExportColumnsTitle: ['', '序号', '操作', '处理'], //导出忽略列 }, })

3.webpack 设置 module.exports = { transpileDependencies: ['sag-vxe-page'], }

4.babel 设置 module.exports = { compact: false, //解除组件引用 js 文件大 };

5.样式 当弹出框挂载不在body下 5.1 需要在挂载处设置样式名h-con-iframe(样式内容可为空) 5.2 声明挂载处 // 获取弹窗挂载的内部容器点 provide('dialogContainer', () => { return document.getElementById(unref(computed(() => 'xxx'))); });