鲁智深拳打陈冠希-CSDN博客

原创 This version of npm is compatible with lockfileVersion@1

从项目上拉了一个工程，在npm i的时候报错了：cb() never called!，我查了一下说是下载的包和缓存方便的问题，把之前下载的包删掉，输个 npm cache clean -f，再 npm i ，结果还是有错误，报错：This version of npm is compatible with lockfileVersion@1, but package-lock.json was generated for lockfileVersion@0. I'll try to do my best

2021-06-25 16:56:10 7569 1

原创 [Vue warn]: Failed to resolve component：报错问题。

在一个vue3项目中，引入一个自定义组件时出现了[Vue warn]: Failed to resolve component：【组件名】这样的警告，引入的组件没有出现在页面中。网上查了半天没找到原因，后来将vue3中的defineComponent去掉后，就不再报错了。<script>import { defineComponent } from "vue";import layaside from "./Aside";export default defineComponent({

2021-03-31 21:34:16 97038 32

原创 Vue中给数据添加属性不显示的问题（Vue.set的使用）

有时我们在页面渲染后再给某一个数据对象添加或删除一个属性时，控制台显示已经添加但是实际的显示结果没有改变，这是因为在初始化的时候会对当前已有的对象属性调用getter和setter方法才会实现响应式，后面添加的不在其中。所以需要调用Vue.set方法进行数据更新。//一般在数据更改后调用//this.data 是要更改的数据源，index 是索引 this.$set(this.data,index,this.data[index])...

2021-02-06 10:22:03 1608

原创路由的守卫们！！！

路由守卫的作用主要是在跳转前做一些验证，比如登录验证等等。1、全局的前置守卫：//to 是指将要去的地方，from 指出发的地方，next 执行下一步。router.beforeEach((to,from,next)=>{ const isLogin=localStorage.ele_login?true:false if(to.path=='/login'){ next() }else{ isLogin?next():next('/login') }})//这是判断是否有登

2021-02-03 18:02:43 166

原创 Vue中mixins的使用（简单粗暴版！！！）

我们可以将mixins理解成自定义的一部分公共的方法和属性，然后可以混入到其他各个组建中使用。//创建公共的js文件export default { methods:{ created(){ this.fun() } fun(){ console.log('mixins') } }}//在其他的组件中混入//引入那个js文件import mix from '../../..',export default { mixins:[mix], ...}此时就可以

2021-01-31 10:56:56 483

原创使用axios自封装request用于请求（可以上传图片格式）（无敌好用版！！！）

根据axios封装的request请求，可以用于图像的上传。import axios from 'axios';//load是上传图片时放加载画面的盒子//let load=document.querySelector(".load");//config是图片加载画面的一些属性，可以自己定义，也可以在axios官网头像上传那块找到上找到。export function request(url,method="get",data={},config={}){ //load.style.dis

2021-01-30 11:03:57 864 1

原创在Vue项目中keepAlive的使用（超级实用版！！！）

在开发的过程中如果碰到经常浏览需要缓存的页面，而且页面很长需要记录滚动的位置这时就需要用到keepAlive。一共有三个步骤1、首先在路由中的mate属性中记录keepAlive，如果需要缓存则置为true。path:'/index',name:''index',component:()=>import('../../index/index'),meta:{keepAlive:true}2、在创建router实例的时候加上scrollBehavior方法（keepAlive才会生效）。

2021-01-29 10:34:11 9293 5

原创 Vue项目中Vuex的使用（超级无敌常用版本）

vuex通俗地讲是Vue中的公共的仓库可以存放一些函数及数据，其中主要有四个模块。1、state：主要是用来存放一些变量数据的地方。2、mutations：主要用来写一些函数用来改变state里面变量值的。但是只能进行同步操作。3、actions：主要进行异步操作，将一步操作得到的值传递到mutations中去，一般将请求后台的逻辑写在actions中。4、getter：有时需要对state中的数据进行过滤和筛选，这时将逻辑写在其中。下面将以一个简单的例子进行详细说明(加减运算)版本一：首先先不

2021-01-27 15:19:05 936 2

原创 Vue中引入本地图片无法显示的问题

Vue中引入本地图片无法显示的问题如果你在使用Vue过程中引入本地图片如：在这里插入代码片export default { data:{ return { src:'./assets/image/a.jpg' } }}这种引入方式是无效的，因为Vue中的打包工具webpack是按照字符打包的，不会做任何处理，所以需要import外部引入或者require内部引入。//外部引入import a from './assets/image/a.jpg'export defau

2021-01-27 10:05:02 5458 2

qq_41983641的博客