随笔分类 - Vue
Vue学习开发随笔
摘要:一、 什么是自定义指令 我们看到的v-开头的行内属性,都是指令,不同的指令可以完成或实现不同的功能,对普通 DOM元素进行底层操作,这时候就会用到自定义指令。除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令 指令使用的几种方式: //会实例化一个指令,但
阅读全文
摘要:首先在src/permission.js 中修改登录权限判断,并根据权限动态加载路由 router.beforeEach(async(to, from, next) => { // start progress bar NProgress.start() // set page title docu
阅读全文
摘要:项目需要实时展示日期时间,每秒更新,第一时间想到的就是day.js 首先通过npm安装 npm install dayjs --save 在main.js中引入并将day.js绑定到vue上 import dayjs from 'dayjs'; Vue.prototype.dayjs = dayjs
阅读全文
摘要:首先我们要获取所有的参数列表,给参数列表初始化 data(){ return { searchParams:{ //一级分类ID category1Id:"", //二级分类ID category2Id:"", //三级分类ID category3Id:"", //分类名称 categoryName
阅读全文
摘要:请求接口地址:http://39.98.123.211/api/product/getBaseCategoryList 因为请求地址是远程的,也无法去配置,所以只能通过代理去解决跨域的问题 需要在vueconfig.js中配置 module.exports = { //关闭eslint lintOn
阅读全文
摘要:开发中把Axios进行二次封装,可以更好的使用Axios的请求拦截器,以及响应拦截器去处理数据 实现代码如下 新建/api/request.js: /* 对axios进行二次封装 */ import axios from "axios"; // 引入进度条 start 进度条开始 done进度条结束
阅读全文
摘要:记录学习开发中碰到的Vuex模块化开发及使用 基于vue-cli开发 1.安装并使用vuex,这里安装的是3以上的版本,4的配置项不同 npm install vuex@3.x --save 2.配置 /store/index.js 总仓库 import Vue from 'vue'; import
阅读全文