随笔分类 -  Vue

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

点击右上角即可分享
微信分享提示