- 博客(26)
- 资源 (6789)
- 收藏
- 关注
RSS订阅原创 vue项目封装elementUI的el-table列表
vue项目封装elementUI的el-table在整个系统里，使用统一的table列表规则和样式，进行规范，方便页面开发
2022-07-05 00:11:41
822
原创 vue项目页面，按钮权限控制
基于vue/cli3.0+脚手架搭建Vue项目(15)一、登录后进入首页或者刷新页面时，从后台接口获取用户权限数据二、权限菜单栏和按钮的展示
2022-05-12 00:44:07
1197
原创 vue项目首页，模块菜单栏，模块内容的排版与开发
基于vue/cli3.0+脚手架搭建Vue项目(14)文章目录基于vue/cli3.0+脚手架搭建Vue项目(14)前言一、首页，模块菜单栏，模块内容的排版二、首页，模块菜单栏，模块内容的开发1.首页代码2.模块代码总结前言一、首页，模块菜单栏，模块内容的排版二、首页，模块菜单栏，模块内容的开发1.首页代码2.模块代码总结...
2022-05-09 00:21:40
1924
原创 vue项目用户，角色，权限设计
基于vue/cli3.0+脚手架搭建Vue项目(13)文章目录基于vue/cli3.0+脚手架搭建Vue项目(13)前言一、用户，角色，权限之间的关系二、项目里的权限控制1.新建`设置`模块2.数据存储总结前言一、用户，角色，权限之间的关系在一个系统里，每一个注册的账号就是一个用户。一个用户可以有多个角色（例如：系统管理员，区域经理，销售经理等等）。而每一个角色都可以拥有系统里的多个权限（包括页面权限，按钮权限）二、项目里的权限控制1.新建设置模块在用户列表页面，维护角色；在角色列表
2022-05-07 20:48:29
1244
原创 vue项目webpack打包配置
基于vue/cli3.0+脚手架搭建Vue项目(12)文章目录基于vue/cli3.0+脚手架搭建Vue项目(12)前言一、webpack配置1.配置vue.config.js2.配置DllPlugin提高构建和打包速度二、打包验证总结前言一、webpack配置1.配置vue.config.js publicPath: './', outputDir: 'dist', assetsDir:"static", indexPath:'index.html',2.配置DllPlu.
2022-05-06 22:44:00
4789
1
原创 vue项目token的实现
基于vue/cli3.0+脚手架搭建Vue项目(11)文章目录基于vue/cli3.0+脚手架搭建Vue项目(11)前言一、vue项目里token的实现步骤二、代码实现1.登录页面2.api请求拦截时添加token信息3.router里更新token和uuid总结前言在vue项目里，token是用来当作前端和服务器通信的标识。经过登录页面后，每次发起的请求都需要携带上它，给服务器进行认证。一、vue项目里token的实现步骤1：用户登录时，前端调用后台提供的登录接口；2：后台验证用户
2022-04-30 01:10:28
7365
1
原创 vue项目使用eslint(编码规范)+prettier(格式)统一代码风格
vue项目使用eslint(编码规范)+prettier(格式)统一代码风格
2022-04-29 00:36:46
2901
原创 vue项目在父组件中修改子组件css样式（包括子组件内elementUI组件样式）— /deep/，::v-deep，＞＞＞
基于vue/cli3.0+脚手架搭建Vue项目(09)文章目录基于vue/cli3.0+脚手架搭建Vue项目(09)前言/deep/，::v-deep，>>>修饰符的使用总结前言vue项目的style标签使用了scoped修饰符后，修改子组件样式（或者elementUI组件样式）通常不生效，因此需要用到下面的修饰符/deep/，::v-deep，>>>修饰符的使用父组件：选择器前面添加修饰符<template> <childrenC
2022-04-27 21:40:54
3558
原创 vue项目axios的封装和使用
基于vue/cli3.0+脚手架搭建Vue项目(04)文章目录基于vue/cli3.0+脚手架搭建Vue项目(04)前言一、axios简介二、axios封装1.安装axios依赖2.axios封装三、axios请求的使用四、axios请求的验证总结前言一、axios简介Axios 是一个基于 promise 的网络请求库，可以用于浏览器和 node.js。二、axios封装1.安装axios依赖npm install axios2.axios封装src目录下新建api文件夹,uti
2022-04-23 00:10:50
5545
原创 vue项目配置路径别名
基于vue/cli3.0+脚手架搭建Vue项目(03)文章目录基于vue/cli3.0+脚手架搭建Vue项目(03)前言一、配置vue.config.js二、验证别名总结前言更方便的设置路径的引用一、配置vue.config.jsconst { defineConfig } = require('@vue/cli-service')const path = require('path');function resolve(dir) { return path.join(__dirna
2022-04-21 22:00:07
1223
原创 项目vue-router的构建
基于vue/cli3.0+脚手架搭建Vue项目(02)文章目录基于vue/cli3.0+脚手架搭建Vue项目(02)前言一、vue-router简介二、vue-router的构建1.安装前端依赖2.创建router文件3.验证路由总结前言上一篇文章介绍了创建Vue项目过程，接下来则是准备用几个篇章来初始化项目一、vue-router简介要基于 Vue 框架构建单页面应用，Vue Router是不可或缺的前端依赖库， Vue 官方提供的前端页面路由管理器二、vue-router的构建1.安
2022-04-21 00:08:46
599
原创 判断数组对象的集合中若干属性相等，则累加指定属性值（reduce和findIndex的结合使用）
例如： 我们有如下集合，我们的目的是：若元素属性值a,属性值b,属性值c的值都相同，则累加属性d的值：let list =[{a: 1,b: 2,c: 3,d: 1},{a: 1,b: 2,c: 3,d: 2},{a: 1,b: 2,c: 4,d: 3},{a: 1,b: 2,c: 4,d: 4},{a: 1,b: 2,c: 3,d: 5}]最后需要得到的集合如下：result =[{a: 1,b: 2,c: 3,d: 8},{a: 1,b: 2,c: 4,d: 7}]我的代
2020-12-12 11:20:08
420
原创 uniapp项目添加阿里图标库字体图标（图标在手机、浏览器均可查看）
前言提示：本篇文章正文内容分为:给uniapp项目导航栏添加字体图标；在uniapp项目中使用字体图标。一、给uniapp项目导航栏添加字体图标1：登录阿里巴巴矢量图标库：https://www.iconfont.cn/2：新建项目，添加任意图标3：下载字体图标信息，并解压，解压后的文件夹里，iconfont.css和iconfont.ttf这里是需要用到的解压后：4：将上面两个文件放在项目static文件夹下面：5：在阿里巴巴矢量图标库项目里的Unicode下，点击查看在线
2020-11-18 01:24:24
950
原创 uni-app获取元素节点信息
当前节点信息处理函数export function elementsAttr(ele,vm){ return new Promise((resolve,reject) => { let nodes= uni.createSelectorQuery().in(vm).selectAll(ele) nodes.boundingClientRect(cur=>{ resolve(cur) //返回元素节点信息 }).exec(res => { console.log
2020-10-18 13:31:25
2221
2
原创 vue项目动态绑定:src添加本地背景音乐
首先audio标签属性使用:src<audio class="audio" ref="audio" autoplay :src="soonUrl"></audio>data中的申明(暂时本地测试用的歌曲),此处的关键点在于要用require的方式去获取本地文件soonUrl: require("./../../../assets/music/说好的幸福呢_周杰伦.w...
2019-09-01 00:35:48
1541
原创 Vuex状态管理初始化代码
store目录:state.js文件代码:const state ={ testValue: ''}export default statemutation-types.js文件代码:规范化管理mutations中的方法export const SET_TEST_VALUE ='SET_TEST_VALUE'mutation.js文件代码:import * as t...
2019-06-30 19:41:27
1019
原创 嵌套组件与嵌套路由的使用
基于多级菜单栏的嵌套组件的使用涉及文件:入口文件main.js,主组件App.vue,layouts目录下的index.js,组件layouts.vue,组件appContain .vue,router目录下的index.js和staticRouters.js项目目录:main.js代码如下:import Vue from 'vue'import App from './App.vue...
2019-05-09 22:51:58
862
原创 vue-cli配置静态路由(vue-router)
三部完成路由注册涉及文件:router目录下index.js和staticRouter.js,以及入口文件main.js一: staticRouters.js中代码如下:为了方便管理,静态路由的配置在单独文件管理// 引入组件写法一:const index =() =>{ return import ( './../components/index') }// 引入组件写法二:...
2019-05-09 21:24:23
1342
原创 自定义echarts中tooltip提示框显示的内容和格式
你是否还在为tooltip提示框不显示,tooltip显示的内容没有自己想要的,又或是tooltip显示的格式不符合自己要求而苦恼?公司最近在做的项目里,所有图表全部都是用echarts组件做的,包括柱状图,折线图,雷达图,扇形图,圆环图(饼图),因此tooltip提示框显示的内容及文字是必须涉及到的一点.问题一:显示tooltp显示框只需在option里设置:tooltip:{}问题二...
2018-12-23 21:28:42
11794
5
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人