logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue-template-admin 页面权限管理

一、前言**在做后台管理系统的时候有幸搞了一下权限管理的功能,所以记录一下这个流程,我是用的是element 的模板vue-template-admin**二、使用步骤1.登录拦击(1)在src目录下创建权限文件夹(2)然后在main中引入(3)在登录成功之后请求getInfo接口获取用户信息(4)getInfo主要放在vuex的user文件中,里面共有Login,GetInfo,logout等接

#前端
vue+file-saver+xlsx导出table表格为excel

步骤如下:安装:npm install file-saver xlsx --save-devcnpm install file-saver xlsx --save-dev //淘宝镜像导入:import FileSaver from 'file-save';import XLSX from 'xlsx';点击事件 :exportExcel() {        let...

Vue PC端分辨率自适应

因为在做超市POS收银系统的时候,遇到需要适配不同的PC端的分辨率,原来PC还能做自适应的呀,感觉发现了新大路,于是打算做一下笔记。当然我在做的过程中也借鉴了其他大佬的写的,如:https://blog.csdn.net/weixin_41257563/article/details/97266234先下载所需要的插件npm i lib-flexible -Snpm i px2rem...

vue+vant 购物车的全选和反选

这是效果图:话不多少,直接上代码:<template><div class="cart"><div class="st-spacing-main" v-for="(item) in cartInfoList" :key="item.id"><div class="st-item product-item">...

Vue $emit 和 $on的用法

一、$emit1、this $emit(‘自定义事件名’,要传送的数据);2、触发当前实例上的事件,要传递的数据会传给监听器;二、$on1、this.on(′事件名′,callback)callback回调on('事件名',callback)callback回调on(′事件名′,callback)callback回调emit要传送的数据;2、监听当前实例上自定义事件;三、实例<html&gt

#vue.js#javascript
vue 表单校验工具

** 表单检验工具记录一下**Vuelidate 官网VeeValidate中文文档-API

#javascript
Vue 前端页面按钮权限控制

前言按钮权限控制的功能其实在前面的一篇的页面权限管理也包含有这个功能,但是没有凸显出来,所以现在单独写一篇文章用来记录一下一、什么是按钮权限控制?刚刚做完了一个后台管理系统,有用到按钮权限控制,所以记录一下。按钮权限控制就是说对于不同的用户,可操作的按钮是不一样的,比如有些按钮有些用户是看不见,有些用户是可以看得见的。应用场景:用户A能看得到‘新增’按钮,而用户B是看不到‘新增’按钮的二、使用步骤

#vue.js#前端
Vue 前端页面按钮权限控制

前言按钮权限控制的功能其实在前面的一篇的页面权限管理也包含有这个功能,但是没有凸显出来,所以现在单独写一篇文章用来记录一下一、什么是按钮权限控制?刚刚做完了一个后台管理系统,有用到按钮权限控制,所以记录一下。按钮权限控制就是说对于不同的用户,可操作的按钮是不一样的,比如有些按钮有些用户是看不见,有些用户是可以看得见的。应用场景:用户A能看得到‘新增’按钮,而用户B是看不到‘新增’按钮的二、使用步骤

#vue.js#前端
到底了