
Vue
算了我心态超好的
子非鱼 安知鱼之乐
展开
-
js中forEach的异步问题
js中forEach的异步问题今天尝试了下在 forEach函数中调用 await Promise() 方法,如下:var arr = [1,2,3]arr.forEach(async (v,i,a)=>{await Promise()})发现并没有按照想象中等到上一个Promise 处理完成后再执行下个Promise。经过查阅资料后发现,实际forEach函数内部是异步的,遇到这种问题请使用for循环,如下:var arr = [1,2,3]for(let i=0;i<arr原创 2021-03-03 11:08:35 · 4639 阅读 · 1 评论 -
vue项目中页面滚动 修改索引标签的选中状态
应用场景如下由于项目组件化 所以写了一个混入公用jsexport const scrollEvents = { data() { return { num: 0, scrollTimer: null, }; }, methods: { /** * 外层容器已经钉死 请定义id 为 scrollWrapperActive ????必定义 * 内部item的className变量为sonName 默认为 itemScroll原创 2020-12-02 17:23:19 · 584 阅读 · 1 评论 -
vue 多组件传值技巧
vue组件之间通信,我们可以使用props和vuex两种方式,但是vuex太重,props在多级组件中使用又太麻烦,子子子子子 这种多层组件向上触发事件很容易出BUGso v-on="$listeners" 可以解决每层都要emit事件和参数!eg:<top> <parent> <center> <bottom> </bottom> </center> </parent>&原创 2020-11-24 11:12:29 · 1245 阅读 · 0 评论 -
vue 组件页面互相跳转 不走created,mounted 问题
vue页面跳转 想在created 或mounted中 使用初始化函数 不成功eg: Vue 会复用相同组件, 即 /page/1 => /page/2 或者 /page?id=1 => /page?id=2 这类链接跳转时, 将不在执行 created,mounted 之类的钩子1.需要在路由组件中, 添加 beforeRouteUpdate 钩子来执行相关方法拉去数据。2.设置 router-view 的 key 属性值为 $route.fullPath<router-view原创 2020-11-20 10:46:53 · 5542 阅读 · 0 评论 -
实用JS小技巧 - 会持续更新
If 的简便写法 let newPath = ""; if (item.id == 0) { newPath = "/examination/sectionTopics"; } else if (item.id == 1) { newPath = "/examination/knowledgeTopics"; } else if (item.id == 2) { newPath = "/examination/t原创 2020-08-26 14:23:51 · 186 阅读 · 0 评论 -
Vue实例的生命周期
生命周期函数:满足一定时机会自动调用,我们可以在这些函数中加入一些自定义业务逻辑代码简称CMUDC 创建 :beforeCreate(创建前) created(创建后)M 挂载:beforeMount(挂载前)mounted(挂载后)U 更新:beforeUpdate(更新前)updated (更新后)D 卸载:beforeDestroy(卸载前)destroyed(卸载后)初始阶段:...原创 2019-06-18 10:51:54 · 205 阅读 · 0 评论