=='development',// endisDev:process.env.NODE_ENV==='development'||process.env.VUE_APP_PREVIEW==='true',// 多页标签multiTab:defaultSettings.multiTab,fixedHeader:defaultSettings.fixedHeader,// basemenus:[],// 侧栏收起状态collapsed:false,title:defaultSettings.title,settings:{// 布局类型layout:...
第一步:修改 src/layouts/BasicLayout.vue 文件 第二步:修改/src/config/defaultSettings.js ok,解决
第一篇介绍了如何从git上拉取ant design vue pro脚手架并使用VS Code编辑器启动脚手架。在第二篇开始之前，我们先打开VS Code软件加载脚手架代码，并运行命令 npm run serve命令启动脚手架！通过浏览器访问地址：http://localhost:8000进入登录首页。系统登录首页如下图所示：自定义设置登录页面 ant design vue pro...
ant design vue pro admin菜单如果是外链,点击新标签页打开 在Ant Design Vue Pro(Ant Design Pro for Vue)中,要实现菜单项点击后在新标签页打开外链,您通常需要在配置菜单时指定链接(href)并设置特定属性来控制打开方式。 假设您是在使用ProLayout组件进行菜单配置,并且某个菜单项是一个外部链接,...
在基组件中(如我项目中的pro-layout)中,加入iframe的标签,并且设置一个flag来决定iframe是否显示和隐藏。我们在配置路由时,为要跳转至第三方页面的路由配置传入一个meta,再检测有没有这个字段来修改falg的值即可。 核心思路:这个方法充分利用了vue中v-show的特性,v-show就类似于css中的visiable,当v-show为false时...
开启ant design vue pro 的multiTab,打开多个详情页面的时候没有发现数据没有刷新,或者最后一个刷新了。再点击回去原来的又变成现在的了。这是加个路由监听就好了。参数是在query里面的,就是地址里面带的。这样的话,加个watch,如下: watch: { '$route': function (newVal, oldValue) { ...
ant design vue pro项目中,选择多页签模式,会通过项目中的RouteView组件,利用keep-alive对打开的组件进行缓存,方便切换标签时,使组件保存当时的状态。 但这样会对所有组件都进行缓存,即使通过标签页关闭后。 MultiTab组件里的关闭,其实只是删除了标签,使不能再通过标签打开组件。 想达到的目的是切换标签时,组件保持...
其实图标在ant-design-vue中其实已经有很多可选的,可有些情况,产品/UI可能还是会要求使用特定的图标。这可能需要上传svg到iconfont.cn阿里图标库中,本文不讲述如何上传svg到iconfont。而是介绍如何使用iconfont中的图标,昨天花了两个小时没找到关于vue如何自定义图标的文章, 大多数都是关于react自定义图标。 所以花了...
从这里开始是用ant-design-vue组件写ant-design-vue-pro这个后台项目实现步骤的从零开始搭建的过程,视频地址,它采用了ant-desgin-vue的组件库作为素材开发,进一步提炼了中后台管理系统的产品原型,可以帮助快速搭建后台页面。技术栈:ES2015+、Vue.Js、Vuex、Vue-Router、g2和antd-vue。
1、vue.config.js (后台使用phalapi) devServer: {//development server port 8000port: 8000, // TODO api proxy 关于api请求代理: 如果期望启用代理,请删除mockjs的配置 mockjs /src/main.js proxy: {'/api': {target: 'http://127.0.0.1:8082/phalapi/public/', ...