el-menu <el-menu default-active="1"> <el-submenu > <el-menu-item>
原创
2019-05-29 11:04:15
64阅读
方法一 使用vue框架的指令,方便高效(推荐,项目常用)大致思路: v-for 指令通过数组遍历按钮,创建方法使用数组下标 index 来控制按钮的选中状态,index 为0时表示第一个按钮被选中,依次类推;data 中设置变量 number 来表示点击后的值,与下标同步且只有点击后
转载
2024-05-31 19:40:47
245阅读
认识vue-router1、概念:vue-router是vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。在使用 vue-router 时,我们需要做的就是把路由映射到各个组件,vue-router 会把各个组件渲染到正确的地方。在vue-router的单页面应用中,页面的路径的改变就是组件的切换。2、安装环境:cnpm install vue-router --s
一、先BB两句Android四大组件源码已经分析完Activity和Service,已经攻克一半,现在读起源码越来越得心应手。 今天我们来看看BroadcastReceiver(广播)的源码逻辑,此前说过的流程在这里可能会简化(懒)。其实他们的流程大致都相同,这里先把流程图放上来。 好的,本篇文章到此结束。 哈哈,开个玩笑,我们还是再来熟悉一遍流程避免忘得飞快。再次提醒,强烈推荐浏览本文
Vue 2.0 右键菜单组件 Vue Context Me
原创
2022-08-29 23:46:59
549阅读
概念:组件是可以在它们自己的模板中调用自身的。不过它们只能通过 name 选项来做这件事。之前在写组件时总有些疑惑,为什么export default导出的对象中有个name属性,今天看过递归组件之后,才发现这个name属性的一个比较重要的作用。(当然。name属性的还有其他的用处)。用法:1、首先我们要知道,既然是递归组件,那么一定要有一个结束的条件,否则就会使用组件循环引用,最终出现“max
转载
2024-04-13 20:09:49
70阅读
场景1.保存提交按钮不小心点击了多次。 2.由于服务器请求时间过长等原因点击事件没有及时响应又点击了一次,造成数据的重复提交和保存,数据的异常。 3.resize、scroll,输入框内容校验等频繁操作。原因由于axios提交数据为异步提交,点击提交按钮是通过xmlhttprequest向后端发送异步请求,发送请求后后端返回数据需要时间处理,如果第一次点击的请求尚未完成,又接二连三地提交了几次,同
转载
2024-10-23 11:42:43
102阅读
vue-day011.vue的介绍作者介绍 框架的介绍2.vue官网https://cn.vuejs.org/3.vue的优点 易用,灵活,高效4.库与框架区别 库:只具有某一种功能 框架:具备完整的功能 bootstrap element-ui5.开发环境与生产环境开发环境地址:<script src="https://cdn.jsdelivr.net/npm
左侧菜单组件
原创
2023-06-05 13:53:18
380阅读
get封装 Vue.prototype.$get = function(url,param,fn){ let self = this; // var param = this.$removeEmpty(param); // 用些值不传的话默认为空 - 删掉的话接口会报错 this.$http.get ...
转载
2021-08-18 17:28:00
516阅读
2评论
# 使用 Vue 和 Axios 进行 GET 请求的入门指南
作为一名刚入行的小白,学习如何使用 Vue 和 Axios 进行 GET 请求是您开发技能中的一个重要里程碑。本文将为您提供详细步骤和代码解释,以帮助您轻松实现这一目标。
## 整体流程
在实现 `Vue Axios GET` 请求之前,我们首先需要理解整个流程。下面是一个表格,展示了实现的各个步骤:
| 步骤
原创
2024-08-19 07:16:34
50阅读
PBS_HAS_CHANGED ~ GET_SAP_MENU_INFO
原创
2021-07-15 11:46:43
29阅读
一、前言 利用Sass预处理实现换肤和字体大小调整。 思路及达到的效果:字体大小的适配使用window.devicePixelRatio的值和需要调整的差量进行控制。页面初始化是的字体适配可以根据devicePixelRatio和css3 media进行适配. 实现方法:1.利用全局变量和bus事件,使用js方式调整字体和颜色(这里暂不讨论); 2.利用scss预处理方式实现
转载
2024-07-13 05:43:43
478阅读
Created by Wang, Jerry, last modified on Apr 20, 2015
原创
2022-04-15 11:37:37
49阅读
在学习 Vue 时,我们都会写关于管理系统的项目,在管理项目中,我们必然会处理菜单模块,此文章重点介绍如何通过vue动态渲染menu组件。
原创
2023-08-19 15:15:45
983阅读
点赞
后台管理系统一般通过菜单进行各个功能点的导航,在面临大量菜单时需要考虑如何设计使客户体验更加便捷。作者在最近几个百万级、千万级项目的开发实施过程中,用户对菜单导航结构提出一些修改意见,经过若干次迭代以优化操作体验,作者将迭代过程总结下做个分享。整体布局第一阶段传统树形菜单导航,根据项目的不同,有的采用横向排列,有的固定在左侧顶部菜单:从上到下分别为:标题栏、菜单栏、工作区侧边菜单:导航菜单占据整个
1、下载方法 1.打开阿里iconfont,记得登录才可以下载,将所要下载的图标依次添加至购物车,然后点击右上角的购物车,点击添加至项目 ,点击资源管理器=》我的项目 2、选择font class,可以点击下载至本地,也可以生成在线地址打开你的网页代码,添加link标签,将上面的代码粘贴到href属性下。注意需为路径添加“http:”字样。 然后使用i标签引用图标。图标名称可以
组件中需要组件调用自身,这就是递归组件,递归组件需要声明name和自己引入自己并声明注册为组件,并且需要使用props进行传参,其还需要一个停止条件,否则会进入死循环。vue的递归组件和其v-for指令之间的关系和js中的for循环和递归函数一样,一个是有尽头,一个是不知道到底嵌套了多少层级。在vue中我们是数据驱动界面,根据数据来渲染界面,而很多数据我们是从后台获取,事先并不知道它会嵌套多少层,
转载
2024-02-26 16:53:01
399阅读
直接放在对象中传递数组export function getCrApplicationList(data) {
var test = ['111', '222']
return request({
url: '/applicant/CrApplication/List',
method: 'get',
params: { test }
})
} 传递的
转载
2023-06-17 14:40:37
441阅读
如下: attribute为"store-qty",其值为"4523"。 vue语法,event.target.getAttribute('store-qty'),可获取其值。 Vue.config.productionTip = false; Vue.config.devtools = false
转载
2020-08-02 16:51:00
164阅读
2评论