VUE
fansfanfan
这个作者很懒,什么都没留下…
展开
-
taro路由传参(vue)
最近在使用taro做h5和小程序,虽然也是用的vue,但是发现页面跳转,路由,事件绑定等很多东西都和以往不大一样。今天记录一下路由传参。假如从A页面携带订单号跳转到B页面A页面:(传递参数)Taro.navigateTo({ url: `/pages/afterSale/list/sendDetail/index?code=${code}`})B页面:(接收参数)以往路由接参使用的是 this.$router.params,taro1/2升级到 taro 3 后使用 getCu原创 2022-03-23 16:51:54 · 2730 阅读 · 0 评论 -
vue实现抽奖转盘
转盘组件代码如下<template> <div class="turntable" ref="turntable"> <div class="myTurntable" :style="{transform: rotateAngle, transition: rotateTransition}"> <canvas id="canvas" ref="canvas"> 当前浏览器版本过低,请使用其他浏览器尝试原创 2022-02-18 20:45:16 · 2712 阅读 · 3 评论 -
怎么理解vue中$nextTick
为什么需要 nextTickVue 是异步修改 DOM 的并且不鼓励开发者直接接触 DOM,但有时候业务需要必须对数据更改==》刷新后的 DOM 做相应的处理,这时候就可以使用 Vue.nextTick(callback)这个API了。准备在理解nextTick原理之前,我们先说一下事件循环(EventLoop)中的宏任务和微任务 。常见的宏任务:script, setTimeout, setInterval, setImmediate, I/O, UI rendering等;常见的微任原创 2021-12-20 19:58:44 · 904 阅读 · 2 评论 -
两分钟看懂 导航解析流程
前面介绍了,路由导航钩子函数,现在整理一下,导航解析流程:1. 导航被触发;2. 在失活的组件里调用离开守卫 beforeRouteLeave ;3. 调用全局的前置守卫 beforeEach ;4. 在重用的组件里调用 beforeRouteUpdate 守卫;5. 在路由配置里调用 beforeEnter ;6. 解析异步路由组件;7. 在被激活的组件里调用 beforeRouteEnter ;8.调用全局的 beforeResolve 守卫;9.导航确认后,调用全局原创 2021-12-14 14:37:42 · 701 阅读 · 1 评论 -
vue-router, vue组件以及自定义指令的使用
目录vue-router路由的使用vue组件的使用自定义指令vue-router路由的使用安装yarn add vue-router导入路由 router/index.jsimport VueRouter from 'vue-router'使用路由插件(注册)router/index.js// 在vue中,使用使用vue的插件,都需要调用Vue.use()// 注册全局组件Vue.use(VueRouter)创建路由规则数组router/index...原创 2021-11-18 21:36:52 · 858 阅读 · 3 评论