摘要： <el-tag :type="tagData 'all' ? '' : 'warning'" effect="dark" @click="toggleTag('all')">全部</el-tag> <el-tag :type="tagData 'undone' ? '' : 'warning' " 阅读全文

摘要： Vue 是一个轻巧、高性能、可组件化的MVVM库，API简洁明了，上手快。从Vue推出以来，得到众多Web开发者的认可。在公司的Web前端项目开发中，多个项目采用基于Vue的UI组件框架开发，并投入正式使用。开发团队在使用Vue.js框架和UI组件库以后，开发效率大大提高，自己写的代码也少了，很多界 阅读全文

摘要： 调用 actions 函数中的方法 使用 this.$store.dispatch() 调用 mutations 函数中的方法可以使用 this.$store.commit() 在 actions 异步请求的数据想要挂载到 state 上 必须在 mutations 在用一次 mutations: 阅读全文

摘要： 视口(viewport) 就是浏览器显示页面内容的屏幕区域, 视口可以分为布局视口, 视觉视口 和 理想视口 布局视口(layout viewpoint): IOS , Android基本都将这个视口分辨率设置为 980px,所以PC端上页面大多都是能在手机上呈现的,只不过元素看上去很小, 一般默认 阅读全文

摘要： ①首先要安装axios这个包 ②在main.js 中导入 axios这个包 ③把axios挂载到Vue原型上 // 这个$https是自己定义的 Vue.prototype.$https = axios ④挂载请求的地址 axios.defaults.baseURL = ' 请求的跟路径 ' // 阅读全文

摘要： ①首先需要安装依赖 npm install --save nprogress 如果是vue cli3 需要在 依赖中 安装 nprogress 即可 ②使用 一： 首先要在router文件的index.js中引入需要的包 import NProgress from 'nprogress'import 阅读全文

摘要： https://cn.vuejs.org/v2/guide/components.html https://cn.vuejs.org/v2/guide/components-dynamic-async.html 上述内容可以通过 Vue 的 <component> 元素加一个特殊的 is 特性来实现 阅读全文

摘要： 处理vue 项目中的语法警告 如： 双引号 尾部的分号 第一步： 在vue项目的跟目录创建一个 【.prettierrc】 的文件 { // tab缩进大小,默认为2 "tabWidth": 4, // 使用tab缩进，默认false "useTabs": false, // 使用分号, 默认tru 阅读全文

摘要： ①文字与图片对齐 vertical-align属性 vertical-align:sub; /*下标字*/ vertical-align:super; /*上标字*/ vertical-align:top; /*垂直向上对齐*/ vertical-align:bottom; /*垂直向下对齐*/ v 阅读全文

摘要： 可以通过axios类似error拦截的方式拦截http request请求 这样每次request都可以默认加上token (当然前提已经在session里存储了你的token验证字符串) 在main.js文件中添加 http request拦截器 import Axios from 'axios' 阅读全文