- 博客(59)
- 资源 (2)
- 问答 (14)
- 收藏
- 关注
RSS订阅原创 el-upload上传:auto-upload
业务场景: 想在文件上传之前, 控制文件不超过10Mb, 所以用到了上传文件之前的钩子"before-upload"。问题：按照官方文档，写好的钩子函数，怎么也不触发。解决：auto-upload 改为 true就好了。解决方法： 在el-upload中加以下代码。
2023-12-15 10:19:26
347
原创 vue el-select 下拉框选择后,不显示
问过度娘后得知, 是因为数据层数太多, render函数没有更新,在select 里添加以下代码。使用forceUpdate手动强制刷新。
2023-12-13 14:21:20
1838
原创 fetch中断请求, 和再次恢复使用
当时用fetch()建立长连接请求，在不使用时需要将其断掉，以缓解带宽压力和浏览器运行压力。等再次需要建立长链接时，再次启用。1、外层定义controller；一旦中止，AbortController就会被消耗。每次调用都必须创建新的实例。这里为啥要用window呢?因为我将中断操作,和建立链接操作放在了一个函数内.3、终端调用 controller.abort()；2、方法体内定义具体实现。
2023-04-20 15:54:51
952
1
原创 ES6 Promise的用法, ES7async/await异步处理同步化,异步处理进化史
promise是解决异步的方法,本质上是一个构造函数,可以用它实例化一个对象.对象身上有resolve、reject、all，原型上有then、catch方法。promise对象有三种状态:pending（初始状态/进行中）、resolved或fulfilled（成功）、rejected（失败）
2023-03-31 10:19:29
245
原创 前端使用EasyPlayer.js 在浏览器播放编码格式为h265的视频
前端使用EasyPlayer.js 在浏览器播放编码格式为h265的视频
2022-12-14 15:24:52
2652
2
原创 vue 未登录 登录超时跳转到登录页
在router下面的index.js中添加meta: {requireauth: true, // 判断是否需要登录},用来判断需要是否登录
2022-09-06 10:45:45
1056
原创 使用echarts报错 Cannot read properties of undefined (reading ‘getInstanceByDom‘) at eval
问题: 每次请求完数据,需调用一次echarts函数,不然数据更新不上, 但是每次调用就会创建, 因为已经创建了一次dom. 就会导致发出警告
2022-08-10 11:35:29
4359
4
原创 Web Socket
本协议有两部分: 握手和数据传输握手是基于http协议的实现WebSocket的Web浏览器将通过WebSocket 对象公开所有必需的客户端功能(主要指支持Html5的浏览器).以下API用于创建WebSocket对象:
2022-07-05 14:55:16
491
原创 Vue 兄弟之间传值
如何在兄弟组件中传值在main.js中:new Vue({ beforeCreate() { Vue.prototype.$bus = this; //安装全局事件总线，$bus就是当前应用的vm },}).$mount("#app");```2. 在发送页面this.bus.bus.bus.emit(“canshu”, res.data.data); // canshu 自定义的, 可以理解为标识, 在接收页面需要和其一致 res.data.data 是需要传
2022-05-25 14:55:28
53
原创 Vue 监听浏览器页面窗口切换, 窗口最小化
mounted() { document.addEventListener("visibilitychange", function () { if (document.visibilityState == "hidden") { //切离该页面时执行 localStorage.setItem("api", "ac"); } else if (document.visibilityState == "visible") { /.
2022-05-11 17:55:46
1426
原创 ping 在页面中一行一行显示
上代码就完了这里输入ping地址, 次数,包大小 <el-row> <el-col :span="6" :xs="24" :sm="24" :md="24" :lg="12" :xl="6"> <span style="display: inline-block">ping：</span> <span style="display: inline-block" ><el-
2022-05-11 15:59:37
234
原创 点击退出后 清除cookie
<el-dropdown trigger="click" szie="mini" style="margin-left: 10px" @command="handleCommand" > <span class="el-dropdown-link"> <img :src="userImg" class="user" /> </span&g.
2022-05-11 15:55:45
892
原创 关于 vue 第三方库 Velocity js的使用问题
1. 安装 Velocity js 依赖yarn: yarn add velocity-animate (我用的这个 )npm：npm install velocity-animatebower：bower install velocity2. 引入Vulocity js我用的是局部引入的方式import Velocity from "velocity-animate";或者 <script src="https://cdnjs.cloudflare.com/ajax/libs/v
2022-04-12 14:31:54
909
原创 Vue + Vue-cli
创建Vue项目一 搭建Vue-cli脚手架建议使用Yarn 命令(1)安装node.js进入node.js中文官网,根据系统下载对应的安装包,注意看清是32位还是64位操作系统 node -v // 可查看安装node的版本(2) 安装 cnpm安装: npm install -g cnpm --registry=http://registry.npm.taobao.org安装 yarn npm install -g yarn(3) 安装vue-cli脚手架构建工具输入命
2022-03-24 14:35:49
246
原创 table单元格合并
colspan是横向合并；rowspan是纵向合并。如<td colspan="5">1231231</td> //横向的5个单元格进行合并<td rowspan="3">1231231</td> //竖向的3个单元格进行合并
2022-03-23 15:13:35
272
转载 关于项目中序号的问题,指定长度,不够在前面补0
问题描述：在项目中遇到产品要求自动生成序号，序号要求是四位，如果不足四位就以0补充，例如一个数字是32，则显示应该为0032以下使用num代表需要转换的数字，length代表需要保留的位数解决方法1：let num = 38;function fn(num, length) { return (num/Math.pow(10,length)).toFixed(length).substr(2);}fn(num, 4)// 这个方法先调用Math.pow求出10的length幂的值，再用n
2022-03-23 10:06:11
1077
转载 Element input检索table表格中的数据
<template> <div class="table"> <div class="search-Box"> <el-input placeholder="请输入关键字" v-model="search"></el-input> </div> <el-table :data="tables" border style="width: 100%"> <el-t
2022-03-10 09:27:39
666
1
原创 记: 利用VueX 实现子组件之间传值
需求: A,B两个子页面 点击A页面中table表格中的某行内的button, 获取该行内的信息"ID", 并将该id 传送至B页面,并渲染在页面上.思路: 获取id > 利用Vuex 将id存到state中 > 在B页面接收id,并渲染到页面第一步: 先获取table中改行的id ,我用的是element-ui. 利用插槽的方式lot-scope.上代码: <template slot-scope="scope"> <el-button styl
2022-03-01 11:49:47
757
转载 js大小写转换
js字母大小写转换方法：1、转换成大写：toUpperCase()2、转换成小写：toLowerCase()3、举例： （1）var a="aBcD"; a=a.toUpperCase(); alert(a); // 提示出来的就是 ABCD （2）var a="aBcD"; a=a.toLowerCase(); alert(a); // 提示出来
2022-02-14 10:55:41
430
转载 element ui点击按钮预览大图
Element UI 有个图片预览功能，即给图片加上preview-src-list属性，就可设置预览图数组。<div class="demo-image__preview"> <el-image style="width: 100px; height: 100px" :src="url" :preview-src-list="srcList"> </el-image></div><script> e
2022-01-13 14:28:25
2246
原创 TypeError: Cannot read properties of undefined (reading ‘split‘)
今天写Vue项目时,遇到一个报错:TypeError: Cannot read properties of undefined (reading ‘split’). split报错?? 想起来有用到split切割后台返回来的字符串"1920X1080_60P". 但这个值吧,不一定每次都有,有时可能是空. 后经测试发现. 这个值为空的时候就报错. 没办法啊,做个判断吧,如果该值存在的时候,再进行操作赋值等. if (data.subresolution) {
2021-12-23 16:27:17
7141
1
原创 js 解决启动不同服务器, 输入相同域名及端口号,加载页面错误问题
问题: 后端有发射机 和接收机两套服务, 且两套服务是相同的域名端口号,192.168.15.128:8080; 比如启用发射机服务,输入192.168.15.128:8080进入的是发射机页面,启用接收机服务,输入192.168.15.128:8080进入的是接收机页面.但现在,不手动清除浏览器数据或者强制刷新的情况下,会出现: 第一次打开发射机服务,输入192.168.15.128:8080进入发射机页面. 关掉页面,再启用接收机,输入192.168.15.128:8080,显示还是发射机登录页面.
2021-12-20 15:11:01
180
转载 Vue 伪类触发$refs.file 的 click事件
1 前端在做 input file 美化的时候，通常 把 input 定位position 到 已美化的按钮最上方 opacity: 0HTML5时代，已有更方便的方法，点击美化按钮直接触发选择文件事件 <el-button type="primary" @click="$refs.file.click()" >上传</el-button> <input type="file" id="el
2021-12-17 15:02:55
2151
原创 Vue 实现单个超大文件 分批上传
项目中有个系统更新的需求, 又不能整个文件上传,如果文件特别大,几个G大小,会直接把内存占满,卡死. 需求是,把整个文件分批发送, 后台拿到一部分 用一部分,然后就"扔"掉.这样即完成了系统更新,又不会把内存卡死下面是解决方法, 后端同事丢给我的js版本,用Vue的写法改造了一下, 亲测有效!有大神看懂的可以解释下:HTML代码: <el-button type="primary" @click="$refs.file.click()">上传<i class="el-icon-.
2021-12-17 14:52:56
308
原创 JS 实现 单个超大文件,分批上传
项目中有个系统更新的需求, 又不能整个文件上传,如果文件特别大,几个G大小,会直接把内存占满,卡死. 需求是,把整个文件分批发送, 后台拿到一部分 用一部分,然后就"扔"掉.这样即完成了系统更新,又不会把内存卡死下面是js解决方法, 后端同事丢给我的,有大神看懂的可以解释下:HTML代码 <div id="wrapper"> <input type="file" id="el1" style="display: none"/> <bu.
2021-12-17 14:18:03
388
转载 Vue 把后端传过来的内容,打包下载
1.首先安装 FileSaver包npm install file-saver --save如果是用的Vue ui 直接在安装依赖里面 搜索file-save 点击安装2 在你需要下载的页面引入import { saveAs } from "file-saver";3 将字符串转为Blob对象（然后触发这个事件就能成功啦）var data = '要导出的内容'let str = new Blob([data], {type: 'text/plain;charset=utf-8'});
2021-12-17 09:40:27
124
原创 Vue 动态拼接this后面的变量
今天写项目的用到for循环,动态拼接变量, 用了几种方法不行,终于找到一种,记录一下: for (let i = 1; i <= 4; i++) { let data = { RequestType: "Get", portNumber: i + "" }; console.log(i); console.log(this["Str" + i]); this.$axios .post("/api/conf
2021-12-11 11:02:47
4322
原创 Vue 中将数字类型转换为字符串类型
1 在变量后面加+和引号 + ‘’;例如: let data = { RequestType: "Get", portNumber: i + "" };这样上面的i就从数字类型转到了字符串类型2 加toString()例如: var a=123456； var b=a.toString();就好了
2021-12-11 09:37:28
15857
echarts柱状图 如何让柱子重叠
2023-02-14
fetch() 请求终止
2023-01-05
vue 刷新后显示以前内容
2022-08-03
关于#javascript#的问题：类似级联选择
2022-07-07
element ui 中table lable绑定问题
2022-03-21
vue element ui中使用table添加下拉框
2022-02-25
echarts 折线图 变形
2022-02-23
js iE浏览器报错,其他浏览器没问题
2021-10-13
vue $attrs is readonly. 报错
2021-10-08
如何在界面显示文件内容？
2021-08-26
相同的代码 为啥火狐浏览器可以适用，而谷歌不行？能看一眼吗
2021-08-13
如何根据value值 改变禁用启用select
2021-08-04
TA创建的收藏夹 TA关注的收藏夹
TA关注的人