![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
vue相关知识
Pinia_0819
欲买桂花同载酒,终不是少年游.
记录平时要用到的知识,欢迎小伙伴一起探讨前端技术问题!
展开
-
实现导航栏吸顶操作
实现导航栏吸顶操作原创 2024-01-09 11:51:54 · 873 阅读 · 3 评论 -
封装倒计时函数
封装倒计时函数。原创 2024-01-03 15:26:24 · 425 阅读 · 0 评论 -
Vuex状态管理(报警信息数量跟随变化)
Vuex状态管理原创 2023-12-27 17:29:14 · 542 阅读 · 0 评论 -
Sass报错: Using / for division is deprecated
官方还很贴心做了一个一键迁移的工具,执行下面两行命令,就自动把你项目里面的东西替换了。原创 2023-03-13 16:44:51 · 442 阅读 · 0 评论 -
vuex状态存储的使用
3、在其他页面中通过判断状态的改变去做相关操作。2、在页面中 如果是单独获取某个状态的话。3、在页面中 如果是这个状态是变化的话。原创 2023-03-08 14:40:10 · 193 阅读 · 0 评论 -
Vue Router完整的导航解析流程
12.调用beforeRouteEnter守卫中传给next的回调函数,创建好的组件实例会作为回调函数的参数传入。4.在重用的组件里调用beforeRouteUpdate守卫(2.2+)。2.在失活的组件里调用beforeRouteLeave守卫。8.调用全局的beforeResolve守卫(2.5+)。7.在被激活的组件里调用beforeRouteEnter。3.调用全局的beforeEach守卫。1.完整的导航解析流程导航被触发。6.解析异步路由组件。...原创 2022-08-01 10:40:31 · 679 阅读 · 0 评论 -
vue之router钩子函数
模块一:全局导航钩子函数1、vue router.beforeEach(全局前置守卫)beforeEach的钩子函数,它是一个全局的before 钩子函数, (before each)意思是在 每次每一个路由改变的时候都得执行一遍。它的三个参数:to: (Route路由对象) 即将要进入的目标 路由对象 to对象下面的属性: path params query hash fullPath matched name meta(在matched下,但是本例可以直接用)from: (Route路由对象)原创 2022-03-20 17:31:43 · 721 阅读 · 0 评论 -
vue路由传参的三种基本方式
项目中很多情况下都需要进行路由之间的传值,想过很多种方式 sessionstorage/localstorage/cookie进行离线缓存存储也可以,用vuex也可以,不过有些大材小用吧,不管怎么说因场景而异下面我来说下vue自带的路由传参的三种基本方式先有如下场景 点击当前页的某个按钮跳转到另外一个页面去,并将某个值带过去<div class="examine" @click="insurance(2)">查看详情</div>第一种方法 页面刷新数据不会丢失met.原创 2022-03-16 17:36:01 · 90 阅读 · 0 评论 -
Vue常见的几种组件传值方式
组件系统是 Vue.js 其中一个重要的概念,它提供了一种抽象,让我们可以使用独立可复用的小组件来构建大型应用。在 Vue.js 应用程序开发过程中常常需要处理组件传值的问题,下面详细列举几种常见的组件传值方法。1.props父组件代码:<template> <child-component title="子组件标题"></child-component> // 传输静态值 <child-component v-bind:title="title"&g原创 2022-02-27 10:17:45 · 514 阅读 · 0 评论 -
一个完整的vue页面(含增删改查 导出,上传图片、视频,保存编辑相关操作)
<template> <div class="wrap-box" id="SheXiangRecord"> <el-form :inline="true" :label-position="labelPosition" label-width="80px" :model="ruleForm" class="demo-form-inline" > <el-form-item p原创 2022-02-27 10:27:34 · 2485 阅读 · 0 评论