vue #pc
文章平均质量分 51
彧子吱吱吱吱
边做边学边看
展开
-
vue-pc后台管理系统:我认为的前端权限管理(八)
后台管理有不同角色,那么就有不同的权限登录拦截,判断是否登录router.beforeEach((to, from, next) => { if (to.path === "/login") { next(); } else { const token = sessionStorage.getItem("token"); if (!token) { next("/login"); } else { next(); } }原创 2021-12-04 11:22:25 · 183 阅读 · 0 评论 -
vue-pc后台管理系统:微信支付和支付宝支付(七)
微信支付微信,调用后台接口,然后返回链接地址,然后生成二维码 fun(params).then(res => { if (res.code == 200) { _this.weixin_code = res.data.url; _this.$nextTick(() => { _this.qrcode(); });原创 2021-12-02 14:06:21 · 1275 阅读 · 2 评论 -
vue-pc后台管理系统:echarts图表(六)
后台管理系统中,图表是一个很平常的功能,我也就做个总结echarts.js 文档说下常用的属性color 默认色板tooltip 提示框tooltip的属性trigger: ‘item’, // 触发类型,可选为:‘item’ ¦ ‘axis’legend 图例grid直角坐标系内绘图网格xAxis X轴yAxis Y轴textStyle 图例的公用文本样式。series 每个系列通过 type 决定自己的图表类型itemSty原创 2021-11-30 16:29:06 · 747 阅读 · 1 评论 -
vue-pc后台管理系统:文件导入和导出(五)
后台管理系统肯定会涉及文件的导入和导出,因此根据我的了解做个总结。1.导入我这里举例是xls、xlsx涉及的组件是el-upload原创 2021-11-27 11:59:57 · 2109 阅读 · 1 评论 -
vue-pc后台管理系统:父子传参和子父传参,$parent(四)
我大概应该处于会用的状态,也就说一说怎么使用1.父传子First.vue<template> <div class="first"> <el-tabs @tab-click="handleClick"> <el-tab-pane :label="item" v-for="item in labelList" :key="item"> <!--父传子--> <containTab :ms原创 2021-11-26 15:23:11 · 763 阅读 · 1 评论 -
vue-pc后台管理系统:vuex-persistedstate和菜单状态保持(三)
vuex是在中大型项目中必不可少的状态管理组件,刷新会重新更新状态,但是有时候我们并不希望如此。例如全局相关的,如登录状态、token、以及一些不常更新的状态等,yarn add vuex-persistedstate --savestore.jsimport Vue from "vue";import Vuex from "vuex";import persistedstate from "vuex-persistedstate";Vue.use(Vuex);export defaul原创 2021-11-25 16:54:38 · 803 阅读 · 1 评论 -
vue-pc后台管理系统:实现标签页(二)
1.el-main的标签页,和左侧菜单进行联动动态增减标签页静态初始页面 <el-main> <el-tabs v-model="activeTab" type="card" @tab-click="tabClick" @tab-remove="tabRemove" > <el-tab-pane :closab原创 2021-11-24 11:17:07 · 2662 阅读 · 2 评论 -
vue-pc后台管理系统:搭建项目(一)
首先我处于会用vue的小白状态,但是不怎么会用element框架.特此来学习记录1.搭建项目vue create start手动配置:需要什么自己选择(上下箭头切换 空格选中 )babel:转换es6语法的这个必须要typescript 看自己需不需要用router管理路由的也选上vuex状态管理就看自己需不需要用css pre样式预处理器这个也加上linter/Formatter统一代码风格最后2个分别是单元测试和端对端测试然后回车确认选择vue的版本 ,我选择的.原创 2021-11-23 16:56:30 · 726 阅读 · 1 评论