logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

关于webSocket建立前后端连接,并进行心跳机制的实现

最近在做一个后台实时通知的项目,项目中用到了socket来实现前后端建立通信,在此记录一下。<template><div><h1>测试webSocket</h1><div id ="aaa" style="height: 300px; overflow-y: scroll; background: #333; color: #aaa; padd

#websocket#网络协议#网络
vue实现elementUI table表格树形结构-使用懒加载时-解决子节点增删改后,不刷新子节点数据问题

在使用element-ui的table组件时,使用树形结构,并使用了懒加载,可出现了一个问题,在对当前节点添加一个子节点数据,或删除一个子节点数据时,当前节点的子节点数据并不自动刷新出来。element-ui官方没有提供实时刷新子节点数据的方法。

文章图片
#vue.js#elementui#前端
vue项目打包之后放在服务器上测试的时候访问不到本地json数据的解决方法

上面的代码表示在本地开发项目时模拟后端数据。项目打包之后放在服务器上,json的路径需要按照原来的json实际路径放置才会访问到(/api/index.json)

#json
vue实现HTML转PDF (已解决清晰、页边距、图片跨域导出等问题)

最近有需求做简历打印的功能,就又花时间研究了一下html转图片导出,里面牵扯到多页pdf导出时的分页和页边距问题,清晰度问题以及图片跨域问题等。我们一个一个来解决。一、先说HTML转PDF的实现方法1. 我们要先添加两个模块第一个.将页面html转换成图片npm install --save html2canvas第二个.将图片生成pdfnpm install jspdf --save2. 在ut

vue实现elementUI table表格树形结构-使用懒加载时-解决子节点增删改后,不刷新子节点数据问题

在使用element-ui的table组件时,使用树形结构,并使用了懒加载,可出现了一个问题,在对当前节点添加一个子节点数据,或删除一个子节点数据时,当前节点的子节点数据并不自动刷新出来。element-ui官方没有提供实时刷新子节点数据的方法。

文章图片
#vue.js#elementui#前端
vue实现HTML转PDF (已解决清晰、页边距、图片跨域导出等问题)

最近有需求做简历打印的功能,就又花时间研究了一下html转图片导出,里面牵扯到多页pdf导出时的分页和页边距问题,清晰度问题以及图片跨域问题等。我们一个一个来解决。一、先说HTML转PDF的实现方法1. 我们要先添加两个模块第一个.将页面html转换成图片npm install --save html2canvas第二个.将图片生成pdfnpm install jspdf --save2. 在ut

关于uniapp引入Vant Weapp第三方组件,遇到的问题和解决方式

1.在根目录下创建wxcomponents2.引入vant weapp1.我们到https://github.com/youzan/vant-weapp下载最新的压缩包2.解压,将里面的dist文件夹复制粘贴到wxcomponents目录下,并改名为vant3. 在根目录下App.vue中引入UI样式index.wxss,如下图@import "/wxcomponents/vant/common/

#uni-app
vue设置全局webSocket,并在对应页面接受消息通知处理

最近项目中有用到了webSocket,然后在收到消息之后需要在不同的页面进行处理。所有就需要在不同的页面监听并进行对应的消息处理。首先,在app.vue中添加socket初始化,并设置发送消息,接收消息和心跳检测的处理。// App.vueexport default {data() {return {// socket参数socket: null,timeout: 10 * 1000, // 4

#websocket#vue.js#前端
vue项目中axios请求统一配置了超时时间,怎样在一个单独接口请求时重设超时时间

统一配置默认超时时间:const httpAxios = axios.create();//创建实例let Config = {TIMEOUT: 6000,//设置超时时间为6秒baseURL: {dev: window.BASEURL_01,prod: ''}};httpAxios.defaults.timeout = Config.TIMEOUT;项目中普通api接口请求:export fun

#vue.js#前端#javascript
到底了