- 博客(22)
- 资源 (1)
- 收藏
- 关注
原创 vue封装axios请求,使用mock封装接口,调用实例
最近没事想自己写点东西,项目搭建好了后,突然发现很多基本的配置与封装都不记得怎么写了,在网上东找找西搜搜,东拼西凑整理了一套完整的记录一下。(一些全局请求配置,调用,封装的方法)
2022-11-07 15:43:54
1220
原创 小程序封装全局请求,开发(本地),测试(体验),生产(线上)环境区分配置,新版本更新配置
小程序封装全局请求,开发(本地),测试(体验),生产(线上)环境区分配置,新版本更新配置
2022-08-01 09:08:57
313
原创 vue在公共js文件中请求接口导出结果,外部引用.(处理返回结果为promiss)
vue在公共js文件中请求接口导出结果,外部引用.(处理返回结果为promiss)
2022-07-28 10:42:46
623
原创 vue设置全局过滤器
src目录下新建文件夹filters,新建文件index.js内容为const timefilters = { getdate(data) { console.log(data) }, getdatetime(data) { console.log(data) }}export default timefilters;在main.js引用import timefilters from './filters/index';for (
2022-05-20 10:02:07
176
原创 vue使用websock
封装一个组件<template> <div></div></template> <script>let socket;// 给服务器发送一个字符串:export default { data() { return { // 连接标志位 lockReconnect: false, wsCfg: { // websocket地址 url: "",
2022-05-07 11:44:15
792
原创 axios请求拦截
在main.js中添加// 添加请求拦截器axios.interceptors.request.use( config => { // 在发送请求之前做些什么 //判断是否存在token,如果存在将每个页面header都添加token if (sessionStorage.getItem("token")) { config.headers.common["Authorization"] = sessionStorage.getItem("token");
2022-05-07 11:34:13
1368
原创 vue 判断手机端与pc
这里写自定义目录标题欢迎使用Markdown编辑器`在这里插入代码片`新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器在这里插入代码片你好! 这是你第一次使用 Markdown编辑器 所展示
2022-05-07 11:29:23
473
原创 vue安装使用echarts报错“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘
vue安装echarts按官网方法安装npm install echarts --save使用报错"export ‘default’ (imported as ‘echarts’) was not found in ‘echarts’研究后发现是官网直接安装的版本过高(5.0.0)需要卸载后安装4.9.0具体操作如下1卸载npm uninstall echarts 2安装4.9.0版本npm install echarts@4.9.0运行成功附引用实例<template
2021-05-18 11:32:14
431
原创 vue-element省市联动组件使用方法,以及如何单独选择某一级,如只选择省,或者只选择市
先上代码<template><el-cascader ref="cascader" size="large" change-on-select :options="options" v-model="searea" @change="handleChange" > </el-cascader> </template> <script>import { regionData, CodeToText,
2021-04-13 11:45:24
1697
原创 vue-element上传组件,请求头加入token,上传格式判断
<template> <el-upload class="upload-demo" action="接口地址" :before-upload="beforeAvatarUpload"//上传前文件判断 :on-success="handlesuccess"//上传成功调用 :headers="headers"//请求头添加 > <el-button type="primary" size="sma
2021-04-13 10:00:30
1045
原创 小程序授权微信登录,获取微信用户名,头像,登录code
getUserProfile(e) { var that = this wx.getUserProfile({ desc: '用于完善会员资料', success: (res) => { if (res) { //用户名 res.userInfo.nickName //头像res.userInfo.avatarUrl //获取code wx.login({
2021-04-13 09:26:49
668
原创 vue+axios接受后台接口返回的流文件,导出为excel文件,操作方法及乱码问题
//导出 exportExcel() { this.axios .post( "接口地址", { headers: { "Content-Type": "application/json"//设置请求头, }, responseType: "blob"//设置responseType } ) .
2021-04-13 08:48:46
461
原创 vue-element,将表格导出为excel
1安装插件npm install --save xlsx file-saver2在文件中引用import FileSaver from 'file-saver'import XLSX from 'xlsx'3代码实现<template> <div> <div class="index_search"> <el-button size="mini" type="success"
2021-04-06 11:17:15
99
原创 vue-element表格table组件,获取的值为时间戳,转为日期时间格式
1,安装npm i moment --save2,在main.js中引用,并赋值import moment from "moment";Vue.prototype.$moment = moment;3,在页面使用<template><el-table :data="tableData" height="73vh" stripe tooltip-effect="dark" style="width: 100%"
2021-03-31 17:42:50
1021
1
原创 vue-element导航菜单组件,过滤有无子菜单,分别渲染
<template> <el-menu :default-active="title" class="el-menu-vertical-demo" background-color="#545c64" text-color="#fff" active-text-color="#ffd04b" :collapse="showcollapse" unique-opened > //如果含有子菜单children,渲染ha
2021-03-31 17:25:57
1065
原创 微信小程序,后台接口生成二维码,返回二进制流,前端收到的是乱码(如图)需要转为base64,显示为图片
后台返回的数据为前端需要获取数据后进行转换js文件let url = ‘后台接口地址’var that=thiswx.request({url: url,method: ‘GET’, header: { ‘Authorization’:‘token值’//请求头加入token值 },responseType: ‘arraybuffer’, //将原本按文本解析修改为arraybuffersuccess: function(res) { //转为base
2021-03-31 16:01:55
2240
1
原创 获取当前时间
getTime() {//this.currentdate = Date.now();时间戳 var date = new Date(); var seperator1 = "-"; var year = date.getFullYear(); var month = date.getMonth() + 1; var strDate = date.getDate(); var Hours = date.getHours(); var Minutes = date.getMinu
2021-03-31 15:54:15
107
原创 请求数据时给请求头加上token值(全局加)
在main.js中加上以下代码// 添加请求拦截器axios.interceptors.request.use(config => {// 在发送请求之前做些什么//判断是否存在token,如果存在将每个页面header都添加token//if中的值为登陆时存入vuex中的token值//如果存在token值,将token放入请求头‘Authorization’中if(store.state.token.token){config.headers.common[‘Authorizati
2021-03-31 11:53:52
6855
vue+element-ui table表格的一些组件,包括表格的多级表头,行和列的合并和表格的合计方法
2023-03-17
vue+element-ui分页组件
2023-03-17
vue导出excel如何监听导出成功,增加导出中提示
2023-02-27
TA创建的收藏夹 TA关注的收藏夹
TA关注的人