简单封装自己的axios首先先创建自己的index.js文件然后下载包npm install --save axios (axios包)npm install --save qs (进行序列化post请求的)1.进行环境切换配置,切换生产或者说是测试的环境先在根目录创建.env.production和.env.development文件 我的判断方式是判断各自文件里面的NODE_ENV等于什么而
ElementUI 说明文档 a {text-decoration: none; color:inherit;}
f5
原创 2022-08-29 16:54:31
113阅读
任务二 Vue-cli&ElementUI1.Vue-cli1.1 什么是Vue-cliVue cli是基于Vue的应用开发提供的一个标准的脚手架工具.为应用搭建基础的框架结构,提供插件、开发服务、Preset、构建打包功能 Vue cli 背后集成了现代化开发的诸多功能,通过简单的命令就可以完成 "零配置"的项目环境搭建1.2 安装Vue-cli步骤在安装vue-cli前,要确认自己的电
转载 2024-10-17 11:30:40
110阅读
缩放浏览器,表格+分页依旧正常展示,如下图所示:图片中涉及到 左侧的dg-table(封装过的el-table)、右侧的el-table 两种类型的样式设置由于本篇是使用了position定位来处理的,所以先要了解:Element UI 弹窗(Dialog)改成自适应高度,仅body内容部分滚动 简单的定位实现过程给想要自适应高度的div设置position:absolute;top:0;left
1.1.ie拖动有问题import Vue from 'vue'; /* * 使用方法 * 将以下代码复制到一个js文件中,然后在入口文件main.js中import引入即可; * 给elementUI的dialog上加上 v-dialogDrag 指令就可以实现弹窗的全屏和拉伸了。 * 给dialog设置 :close-on-click-modal="false" , 禁止点击
转载 2024-05-04 15:16:51
215阅读
概念路由的本质就是一种对应关系,比如说我们在url地址中输入我们要访问的url地址之后,浏览器要去请求这个url地址对应的资源。 那么url地址和真实的资源之间就有一种对应的关系,就是路由。路由分为前端路由和后端路由 1).后端路由是由服务器端进行实现,并完成资源的分发 后端路由性能相对前端路由来说较低,所以,我们接下来主要学习的是前端路由 2).前端路由是依靠hash值(锚链接)的变化进行实现
转载 2024-03-24 14:43:07
113阅读
<el-menu :default-active="$route.path" unique-opened router :collapse="isCollapse" :collapse-transition="false" > <el-submenu :index="item.root_id + ' ...
转载 2021-08-19 21:46:00
1115阅读
2评论
zongran老师讲的CSS实现商城菜单,课程中还有js特效与代码优化建议看看老师的写的源代码导航分类样式门户网站如新浪等: 导航在上方平铺展示商城网站如天猫·京东:导航在页面一侧以一级菜单+悬浮窗的形式展示商城导航制作(CSS)代码是京东商城一级菜单的为例,CSS共有三部分本别是一级菜单制作,鼠标浮动以及悬浮层制作。一些想法都以注释的形式在每行的代码上方。最终效果图一级菜单制作 .topmenu
vue中使用elementUI时候通过SCSS修改NavMenu 导航栏高度
原创 2022-03-10 09:46:14
1910阅读
vue中使用elementUI时候通过SCSS修改NavMenu 导航栏高度
原创 2021-09-01 10:43:38
989阅读
在Asp.NET使用框架页面的时候,常常在框架内部页面中进行跳转,但是我们常常也会遇到这样的一种情况:即我们需要跳转的不只是部分框架的页面,而是将整个主页面进行跳转,比如在框架左侧页面中操作的时候,需要跳转到登陆页面等等。 这种情况下的跳转其实跟HTML中进行主框架的跳转是一样的,在早期使用HTML的时候,我们使用Javascript,在Asp.net中,后台代码可以为: R
转载 9月前
83阅读
整体思路方式:1、给获取到的数据添加自定义的className2、在点击行(row-click)和手动点击勾选框的事件(select-all)中获取到当前的row的className,直接修改className即可 点击查看事件说明3、在行的 className 的回调方法中(row-class-name)直接返回className注:还有另一种方式通过获取row进行循环,判断当前点击row的id
转载 2024-03-25 07:31:55
287阅读
vue中element中,遍历数据显示navmenu,区分menu-item或者el-menu-item
原创 2022-03-10 09:46:14
725阅读
navmenu导航中,开启vue-router 的模式后,点击触发事件而不进行路由跳转
原创 2022-03-10 14:36:37
1668阅读
vue中element中,遍历数据显示navmenu,区分menu-item或者el-menu-item
原创 2021-09-01 10:43:25
874阅读
文章目录一、应用场景二、逻辑分析 一、应用场景关于本篇多少三级菜单业务的讲解关于多级菜单更多是在管理员的页面进行的相关操作,常见的包括授权等!比如一级权限,二级权限,三级权限!其他的应用场景 比如省/市/区 等等 组织/区域/特定位置 等等关于菜单的相关组件 参考bootstrap /element-ui 等前端参考案例这部分后台的逻辑复杂一点,前端大家直接调用看懂函数即可,下面来简单的和大家分享
转载 2024-07-29 12:03:24
499阅读
navmenu导航中,开启vue-router 的模式后,点击触发事件而不进行路由跳转
原创 2021-09-01 10:41:50
1177阅读
生成菜单方法createMenu.jsimport navMenu from "./navMenu";/** * 菜单组件 * @module widgets/my-menu * @example * * // 使用说明 */ export default { name: "createMenu", mixins: [navMenu], /** * 属性参数 *
转载 2024-07-03 13:58:48
41阅读
目录导航问题详情:尝试解决:分析原因:最终解决问题: 问题详情:在使用element-ui的NavMenu组件作为导航菜单的时候,我是通过遍历router/index.js里的路由json数组(已定义成常量)来作为NavMenu的渲染数据的。但是我发现刷新页面之后NavMenu就失去了高亮。尝试解决:初步Google搜索之后发现原来NavMenu组件有这么一个参数配置用来管理当前激活的菜单:de
文章目录vue elementui navmenu 多级导航菜单路由跳转(一)组件(NavMenu.vue)调用(app.vue)路由跳转(二)水平效果图区别问题1 刷新页面2 非最后一层,点击可跳转路由3 水平菜单点击多路由时,有轮廓4 刷新不折叠导航5 水平菜单过长,可滚动6 垂直菜单过长,可滚动 vue elementui navmenu 多级导航菜单路由跳转(一)el-menu标签中的r
  • 1
  • 2
  • 3