VUE
吃橙子的仓鼠
日拱一卒无尽有,功不唐捐终入海。
展开
-
时间戳转换为浏览器所在时区的时间
场景:接口返回标准时间的时间戳,要求前端在页面上展示当前浏览器所在时区的时间。import moment from 'moment' // 首先 安装moment库let dateStr = moment(时间戳).format('DD/MM/YYYY HH:mm:ss') // 直接使用dateStr即可...原创 2021-03-03 18:15:06 · 850 阅读 · 1 评论 -
vue项目中常用methods
from 2018 持续更新1、vue+axios 实现进度条2、js更改css属性this.$refs.驼峰命名.style.属性名 = "属性值"; // 更改属性值3、监听对象中的某一属性4、vue-routerthis.$route.params 刷新时值丢失解决:路由路径中加上 /:参数名(非必传参数后加‘?’, eg: /:id?)params用name跳转; query用path跳转。5、父子组件(1)父组件调用子组件中的方法给子组件起个ref=“son.原创 2021-03-01 17:14:38 · 2623 阅读 · 0 评论 -
vue视图层不更新
1、数组后随便增加一项再删除 (vue底层重新封装了push等方法)this.showFileList.push(1); this.showFileList.pop();2、扩展运算符this.showFileList = [...this.showFileList];3、复制一个新数组/对象(只更改了地址,值不变,所以不触发更新)4、this.$setvue2.0 给data对象新增属性,并触发视图更新如下代码,给 student对象新增 age 属性data () { re原创 2021-03-01 16:26:02 · 287 阅读 · 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 · 1051 阅读 · 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 · 118 阅读 · 0 评论