![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
吃橙子的仓鼠
日拱一卒无尽有,功不唐捐终入海。
展开
-
时间戳转换为浏览器所在时区的时间
场景:接口返回标准时间的时间戳,要求前端在页面上展示当前浏览器所在时区的时间。 import moment from 'moment' // 首先 安装moment库 let dateStr = moment(时间戳).format('DD/MM/YYYY HH:mm:ss') // 直接使用dateStr即可 ...原创 2021-03-03 18:15:06 · 782 阅读 · 1 评论 -
vue项目中常用methods
from 2018 持续更新 1、vue+axios 实现进度条 2、js更改css属性 this.$refs.驼峰命名.style.属性名 = "属性值"; // 更改属性值 3、监听对象中的某一属性 4、vue-router this.$route.params 刷新时值丢失 解决:路由路径中加上 /:参数名(非必传参数后加‘?’, eg: /:id?) params用name跳转; query用path跳转。 5、父子组件 (1)父组件调用子组件中的方法 给子组件起个ref=“son.原创 2021-03-01 17:14:38 · 2582 阅读 · 0 评论 -
vue视图层不更新
1、数组后随便增加一项再删除 (vue底层重新封装了push等方法) this.showFileList.push(1); this.showFileList.pop(); 2、扩展运算符 this.showFileList = [...this.showFileList]; 3、复制一个新数组/对象 (只更改了地址,值不变,所以不触发更新) 4、this.$set vue2.0 给data对象新增属性,并触发视图更新 如下代码,给 student对象新增 age 属性 data () { re原创 2021-03-01 16:26:02 · 265 阅读 · 1 评论 -
vue 刷新页面的三种方法
1、location. reload() / this.$router.go(0) 相当于按ctrl+F5 强制刷新那种,整个页面重新加载,会出现一个瞬间的空白页面,体验不好 2、先跳到空白页面,再跳回原页面 (1)新建一个空白页面 reload.vue: (2)需要刷新的页面,先跳转到reload.vue,再跳转回原页面,从而实现刷新(路径上带param的不能用): 3、provide/inject组合(最优) (1)App.vue添加provide,和data一样,返回一个对象: (2)需要刷新的原创 2021-03-01 16:16:46 · 1029 阅读 · 0 评论 -
vuex相关
1. 从vuex中取的数据,不能直接更改,单向数据流 需要浅拷贝对象之后更改,否则报错; getTalkGroupInfo (id) { let newObj = Object.assign({}, this.$store.state.talkGroup) this.modifyInfo = newObj } 2. vuex中的数据在页面刷新后数据消失 (1) 用sessionstorage 或者 localstorage 存储数据 存储: sessionStorage.setItem( '名原创 2021-03-01 16:11:15 · 96 阅读 · 0 评论