vue遇到的问题

 

这个是eslint的报错，严格模式下的话不会允许未使用的字段存在

两个解决方案，要么把定义但是没用到的东西输出（console.log(参数)），要么就关闭严格模式

 项目下看看有没有.eslintrc.js文件把这个配置改一下然后重新运行一下

 

没有这个文件的话就找找package.json里面的eslint配置

 

装配elementUI的时候导入演示

 

 vue2使用路由3.xx版本   要不然会有语法的错误

vue3使用路由4.xx版本  

 

 

 

路由点击两次报错需要再router里面添加

/*

  针对路由push  重复点击报错解决方案

*/

const originPush = VueRouter.prototype.push

VueRouter.prototype.push = function push(location) {

  return originPush.call(this, location).catch(err => err)

}

 传递上去不能是值只能是对象

原生axios 返回来的data多包了一层 所以要多点data一次   res.data.data

上传文件和表单数据用formData的时候  请求使用

export function saveInfo(formData) {

    return request.post('/video/add', formData, {

    headers: {

      'Content-Type': 'multipart/form-data'

    }

    });

  }
而且后端不能用@RequestBody去接受表单数据   用@RequestParam（）去接收对象

 

 

 

vue 上线的环境变量要修改   .env.development 

VUE_APP_BASE_API = '***/api'

 

 

 

 

最新版本路由4.x仅支持vue3  使用在vue2的项目中会报错 install的问题   解决方案是卸载重装3.x的版本

npm uninstall vue-router
npm install --save vue-router@3

vuex4.x版本语法和原来不一样 console.log(this.$store)全局变量拿不到  和版本有关系  将版本降低至3.6.2就行了

使用elementUI的时候  表格有个BUG多一条横线 将下面代码加载仅就行了

.el-table::before {

    content: "";

    height: 0 !important;

}