VUE
文章平均质量分 80
木子_火山
天道酬勤,与君共勉
展开
-
VUEX模块化的基础应用,一看就会
文章目录1、目录结构2、index.js目录3、modulesA.js文件4、moduleB.js文件5、在vue文件中使用1、目录结构-|store-|-|projectName // 项目目录-|-|-|modules // 模块文件夹-|-|-|-|modulesA.js // 模块A-|-|-|-|modulesB.js // 模块B-|-|-|index.js2、index.js目录import Vue from 'vue'import Vuex from 'vuex'i原创 2021-08-12 18:55:28 · 195 阅读 · 0 评论 -
基于element-ui table中多选框分页时的选择状态管理(二)
文章目录1. 原因2. 思路3. 代码4. 实现效果5.总结这篇是对《基于element-ui table中多选框分页时的选择状态管理(一)》的优化版,大致需求就是实现用户在不同pageIndex中对table进行操作之后,只需点击一次确定按钮就能提交用户的每一个操作项,想了解具体需求可以查看第一版。说得可能有点抽象,大家可以看一下下面这个图,用户在没提交的情况下可以在多个pageIndex中进行选择,点击确定按钮,提交所有pageIndex中操作过的选项(包括:1. 原来选中但提交时取消选中的,原创 2021-01-13 18:49:19 · 392 阅读 · 0 评论 -
基于element-ui table中多选框分页时的选择状态管理(一)
由于产品的需求,我们在使用element-ui 的table时,可能会用到带复选框的table,但是,这个复选框在我们使用分页切换下一页时,上一页选中没有提交的选项是没有保存的,因为每一页的数据都是直接从接口获取的,基于这种情况,为了记住我们每一页的选项,我这里分享一种方法,于是便写下了这篇文章。文章目录1、插话2、分析3、方案4、实现5、效果6、总结1、插话 有同学可能会说:“我在切换页码时对该页的选项进行保存也可以呀” 是的,这种方法确实可以,但是呢,如果页数过多,我们每一.原创 2021-01-12 14:00:03 · 603 阅读 · 0 评论 -
JavaScript使用函数实现防抖和节流
函数防抖(debounce):在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时;典型的案例就是输入搜索:输入结束后n秒才进行搜索请求,n秒内又输入的内容,就重新计时。使用vue实现防抖操作<input type="text" class="input" v-model="searchText" @keyup="debounce"/>var timer = undefineddebounce: function(){ let that = this if(time原创 2020-09-16 18:00:41 · 248 阅读 · 0 评论 -
Element表格出现闪动问题
Element表格出现闪动问题文章目录Element表格出现闪动问题问题描述解决问题问题描述今天在开发的过程中,使用到了Element的表格组件,但是在数据渲染到表格的时候出现了表头被拉伸,能看得到肉眼可见的闪动,大约是1秒钟左右,这个问题的出现严重影响到了用户体验,得解决!!!问题复现(为了捕捉到闪动这一瞬。。。截图可把我累惨qwq)从第一张图到第二张图的过度,就是闪动的过程。。。。(是不是很抽象。。我是不是应该放一张动图。。)上动图QAQ解决问题之前为了固定表头使用的height原创 2020-09-05 12:25:00 · 2460 阅读 · 0 评论 -
ElementUI表格动态设置表头label数据
业务需求:需要使用Element组件库做一个table表头动态改变的数据table文章目录分析问题解决问题结果展示分析问题我们使用Element的table,常用的方式是通过绑定需要的表格data数据,数据格式为对象数组。这时,对于表头的label,我们通常是直接写死label=‘姓名’<el-table :data="raceData" height="50vh" border style="width: 100%"> /*label='序号'*/ <el-tabl.原创 2020-09-05 11:41:37 · 21223 阅读 · 2 评论 -
Vue(踩坑)wrapper导致网页无响应问题
Vue(踩坑)wrapper页面假死问题"TypeError: Cannot read property ‘_wrapper’ of undefined1、今天在调试代码的时候一直报如下错误,找了半天发现页面中并没有_wrapper呀,难受的是,还让我的浏览器陷入假死状态。vue.min.js:6 TypeError: Cannot read property '_wrapper' of undefined2、原因:页面上@click事件绑定了methods方法,但是在methods中并没有找到给方原创 2020-06-30 11:24:29 · 1901 阅读 · 0 评论 -
vue使用axios发送post请求传参问题
vue2.0 axios post请求传参问题(ajax请求)axios post请求问题请求的配置 但是发现传的参数全在key上边:这样的话,后端并不能接收到参数解决方法var params = new URLSearchParams();params.append('code', this.code);// params.append('data', JSON.stringify(this.rank));axios.post(this.GLOBAL.baseURL+'/student/原创 2020-06-26 16:01:01 · 1617 阅读 · 0 评论