vue
小陈同学。。
梦想也许遥不可及,但重要的是追梦的过程,用博客记录自己的成长,记录自己一步一步向上攀登的印记
展开
-
vue3图片懒加载
当图片进入可视区内才去加载图片,这样能减少请求次数,节约资源// 定义指令 const defineDirective =(app) => {// 图片懒加载指令 v-lazy // 原理:先存储图片地址不能在SRC上,当图片进入可视区,将存储的图片地址设置给图片元素即可 app . directive('lazy' , {原创 2022-12-13 11:42:52 · 654 阅读 · 0 评论 -
前端token失效的主动处理
首先在登录获取token时存入一个时间戳,然后在发送请求时,在响应拦截器将token注入请求头时检查token是否过期。问题:如何判断token是否过期。原创 2022-08-25 11:48:11 · 2519 阅读 · 0 评论 -
vuex总结
this.$store.state.全局数据名称。有命名空间访问子模块的方法,必须带上子模块的名称。组件中访问state中数据的方式。按需导入mapState函数。触发Mutation的方式。调用action的方法。调用getter的方法。原创 2022-08-23 12:53:55 · 64 阅读 · 0 评论 -
如何在Vue项目中封装axios请求并使用
在src目录下新建api文件夹统一管理项目请求。在项目utils文件夹下新建axios文件。原创 2022-08-14 22:18:37 · 360 阅读 · 0 评论 -
【vue3】基础知识
vue3基础知识原创 2022-06-15 23:44:49 · 419 阅读 · 0 评论 -
【问题】子组件中发送请求携带参数取不到父组件传递的值
首先描述问题子组件中,想用到父组件中的id值发送请求子组件中,声明了一个props参数,接收父组件传过来的值userId: { type: String, default: null }当我子组件发送请求时,调用this.userId时发送请求失败,this.userId的值为undefined子组件<assignRole />async getHeaderById() { const { roleIds } = await getHe原创 2022-04-15 22:50:20 · 491 阅读 · 0 评论 -
.sync修饰符
解释.sync修饰符可以实现子组件与父组件的双向绑定,可以实现子组件同步修改父组件的值举例说明Father.vue<!-- 角色管理弹层 --> <assignRole ref="assignRole" :show-role-dialog.sync="showRoleDialog" :user-id="userId" /> <!-- 角色管理弹层 -->通过.sync标记child.vue this.$emit('update:sh原创 2022-04-15 22:29:37 · 118 阅读 · 0 评论 -
Vuex 基础
文章目录 目录 文章目录 前言 一、Vuex是什么? 二、初始化 三、Vuex组成 (一) state 1.定义 2. 原始调用 3.辅助函数 - mapState (二)mutations 1.定义 2.原始调用 3.辅助函数 - mapMutations (三)actions 1.定义 2.原始调用 3.辅助函数 -mapActions (四)getters 1.定义 2.原始调用 ...原创 2022-04-01 15:46:33 · 4204 阅读 · 0 评论 -
Vue路由跳转
1.自动返回上一页methods:{ goback(){ //返回上一页 this.$router.go(-1)}}2.自动跳转到指定页面methods:{ toSkip(){ this.$router.push('/skip')}或者 Toskip(){ this.$router.push({name:'skip'})}原创 2022-03-31 10:36:01 · 251 阅读 · 0 评论 -
data和params传参的区别
get请求参数是带在url上的,必须使用params,这个是肯定的,但是post的请求就不一定了post请求既可以使用params,也可以使用data区别是:data是放在body里的,在url中看不见参数,但是使用params的话,说明参数在url里面是能够看见的可以根据不同的情况使用参数传参简单总结:能看见的参数,传参就用params,看不见的参数,就用data...原创 2022-03-30 22:56:59 · 2518 阅读 · 0 评论 -
搜索建议词显示高亮状态
今天太晚啦,明天写~~~~原创 2022-03-28 23:17:59 · 312 阅读 · 0 评论 -
vue项目解决切换组件滚动位置缺失
【目标】记住滚动条的位置,来回切换组件页面在原来的位置显示先搞清楚问题出在哪:1.列表滚动为什么会互相影响?当滚动时他们不是在自己页面滚动,而是在整个body页面滚动,无论你在A频道还是B频道,都是Body在滚动。2.如何找到是哪个元素产生的滚动?把下面代码粘贴到调试工具,然后滚动页面,就可以查看是哪个元素产生滚动了function findScroller(element) { element.onscroll = function(){console.log(ele原创 2022-03-25 22:38:29 · 569 阅读 · 0 评论