![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
墨者大数据
这个作者很懒,什么都没留下…
展开
-
vuex之刷新页面时token丢失问题
前端项目,使用vuex作为状态存储,但是遇到一个问题,就是在刷新页面时出现了丢失token的问题,下面给出完美的解答:1.可以使用缓存将vuex中的state缓存起来,可以使用localStorage和sessionStorage。cookie不适合存储。localStorage是长期存储,sessionStorage是会话期间存储,这里使用sessionStorage.在这里插入图片描述2.上代码App.vue中添加 mounted()和methods,在刷新的时候进行持久化。<te原创 2022-03-14 22:32:30 · 5164 阅读 · 0 评论 -
Vue声明周期详解
使用Vue时某些问题解决不了,多看看生命周期也许会收到启发。可以参考下面的文章,写的很不错https://segmentfault.com/a/1190000011381906原创 2021-05-10 10:42:05 · 59 阅读 · 0 评论 -
VUE中的过滤器使用方法详解及注意事项
1.定义过滤器:地位要和Vue中的methods、created同等,一般写在script标签的最后filters: { // 学历过滤器 educationFilter(type) { const edu = education.find(obj => obj.type === type); return edu ? edu.name : null; }, //职位过滤器 postFilter(type) { const原创 2021-03-24 17:05:14 · 647 阅读 · 0 评论 -
ElementUI中使用对话框Dialog时打开时出现了遮罩层问题解决方案
出现的问题:打开对对话框时出现需要点击一下页面才正常,结果如下:找了一种方法是在标签中加上:modal-append-to-body="false",虽然在打开对话框时遮罩层消失,但是关闭对话框时遮罩层无法消失。这就纠结了,这里的是对话框嵌套,有两层嵌套。这里需要另一种方法来解决:加上::append-to-body="true"...原创 2021-03-05 15:47:27 · 5274 阅读 · 8 评论 -
Vue+elementUI中默认全选时出现的问题,全选会先闪烁,然后没有全选
Vue+elementUI中默认全选时出现的问题,全选会先闪烁,然后没有全选默认全选,就是在表格数据加载完成之后,将多选框自动全选。出现的问题:1.在表格数据加载完成之前,执行了全选操作,就会出现表格数据无法全选 解决方法:就是延迟执行全选操作,可以使用setTimeout(() => {})延迟函数2.elementUI中的table插件必须有ref=“表格数据列表名”,这个属性,否则无法获取table的DOM3.全选函数,一定要注意函数的写法this.$nextTick(() =原创 2020-12-09 16:22:02 · 667 阅读 · 0 评论 -
ElementUI组件中的Form表单的input输入框无法重置的原因
1.在表单中加上关联ref=“关联的表单数据”如图中的ref=“searchForm”不能缺少,主要是为了关联表单数据,也必须和:model="searchForm"一致。2.input输入框上要加上prop=""属性主要这个输入框的内容想要重置,就必须加上这个属性,而且要与表单中的属性对应。3.就是点击事件的函数要加上表单的名称而且需要用引号引起来,表明是对这个表单数据进行重置。4.如果以上的步骤都没有问题,就需要检查表单的名称是否和自己定义的一致。...原创 2020-11-05 15:37:43 · 2302 阅读 · 0 评论 -
使用Vue开发前端页面(elementUI)进行分页时出现的搜索分页与全部数据分页的逻辑问题
问题涉及了两个分页的部分,搜索分页和全部数据分页。然而这两个操作都需要进行分页且使用同一个分页组件,所以需要进行区分。1.首先顶一个变量用来区分搜索与查询全部数据data() { pageIsOrNot: false,}2.当搜索时需要将这个变量变为True this.pageIsOrNot = true;3.实际代码部分: //搜索部分 search() { //也需要考虑分页的情况 // 执行搜索操作之前需要将currentPage进行初始化,否则可能出现查不到数据的情原创 2020-10-27 11:11:17 · 2336 阅读 · 4 评论