- 博客(35)
- 收藏
- 关注
RSS订阅原创 vue3 动态配置element 的table
合并行、合并标题、列宽可调整、列顺序可调整、可以控制列是否显示、列布局可保存、导出excel…
2024-06-27 10:40:36
701
4
转载 echarts 在 uniapp 中事件失效问题（dataZoom，legend，tooltip等设置后无法点击等问题）
根据大佬的说法，echarts 会判断当前环境。解决方法是在 main.js 中添加一行代码。
2023-08-31 10:24:32
1039
4
原创 前端文档在线编辑
展示一个模板文档，管理员可以对模板文档进行一定的修改，模板文档关键处需要有input，方便客户填写，支持打印功能。通过设置修改内容区域的 contentEditable ，即可控制是否允许编辑。使用 v-if 或者 v-show。
2023-04-16 23:39:23
263
1
原创 js 将获取的数据打印在页面中形成文档(循环打印数组字符串)
要做个文档页面，行政发来的数据改来改去，没这个时间折腾，写个公共模板，让页面自己生成文档这里隐藏了css，一般都是自己写自己用的css，就不放出来了页面主体部分和js模块<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0".
2022-05-09 14:51:28
487
原创 vue2 数据深拷贝后push到数组中，操作数据变化页面无响应踩坑记录
问题需要将初始数据复制一份进行修改，数据包含 templateData: { tranNo: '', status: 1, tagsList: [ { name: '标签一', type: '', id: 1 }, { name: '标签五', type: 'danger', id: 13 }, { name: '标签二', type: 'success', id: 14 }, {
2022-03-30 15:14:11
2542
原创 flv.js Vue组件
flv.js是bilibili网站开源的使用纯JavaScript而不使用Flash编写的HTML5 Flash视频（FLV）播放器。组件中使用<template> <div id="videoPage"> <!-- 通过 v-if 会移出 DOM 实现刷新部分组件 --> <div v-if="loading"> <flv-video :item="item"></flv-video> </div&g.
2022-03-24 18:26:44
932
原创 echarts图表根据页面窗口变化而调整图表的大小
echarts不会根据页面窗口变化而调整图表的大小，在当前页面的 script 中加入这一段可辅助当前页面刷新data: { return { screenWidth: document.body.clientWidth, // 屏幕宽度 timer: false }},mounted () { // 监听窗口大小 window.onresize = () => { return (() => { t.
2022-03-11 11:53:37
3523
3
原创 rem布局
配置js// 设置基础的根元素大小，以 iPhone6 为模型var fontSize = document.documentElement.clientWidth / 3.75;document.documentElement.style.fontSize = fontSize + 'px';// 根据窗口宽度动态调节window.onresize = function () { var fontSize = document.documentElement.clientWidth / 3.
2022-03-04 14:57:08
142
原创 微信内置浏览器清除缓存
这个需要开启X5内核1、在微信聊天框里输入并发送debugmm.qq.com/?forcex5=true点击进入之后就可以退出了，此时已经开启了X5内核2、之后在聊天窗口输入并发送debugtbs.qq.com就可以进入微信内置的浏览器开发工具界面...
2022-03-04 10:08:02
1984
原创 Element UI table组件出现莫名的 “--”
如图所示这是因为这一项的表单宽度不够，自动省略出现的样式问题，增加一点宽度即可解决<el-table-column label="处置状态" align="center" prop="handleStatus" width="100px">
2022-02-23 10:38:43
793
原创 Vue Echarts 点击事件的坑(无法触发？undefined？)
我在写这里的时候已经在反思了…在 echarts 点击事件外应该保存this指向let that = this不然在点击事件函数内的this并不指向vue，而是指向函数内部来一个点击事件 let that = this option && myChart.setOption(option); myChart.on('click', function (params) { that.threeDialogVisibleList = that.getOrgAlarmType
2021-10-20 18:18:42
2292
1
原创 html2canvas 截长图并导出图片
截长图的问题过程为了截长图，可把我气死了，不是上面白，就是下面一片空白，有的时候只截图了当前窗口的，有的时候甚至给你提醒Error loading image岂可休！！！在历尽一晚上查找之后(对，能力不行，时间来凑！)我终于找到了解决方法解决的思路这一段是我在查找资料的时候复制粘贴过来的，这对我很有帮助，但很遗憾，当时专注解决问题去了，忘记询问以及保存原帖，如原作者认为抄袭，我马上删1、截图产生空白是因为容器高度设置的问题，设置windowHeight的高度等于页面包含滚动条的高度即
2021-07-08 15:59:05
2546
1
原创 Naive UI初体验，跟随大佬们的脚步！
本文相对应的链接地址Naive UI: https://www.naiveui.com/zh-CN/os-themeVue 3: https://v3.cn.vuejs.org/Vite中文网: https://vitejs.cn/前言尤雨溪推荐的 Vite 和 Naive UI这也是我第一次使用 Vite 和 Naive UIVite安装 ViteNPM 安装npm init @vitejs/app让我们打开 CMD （ WIN + R ）所有操作一目了然，非常的便捷那项目
2021-06-22 11:50:45
10360
3
原创 JS 记录
作用域1、当函数代码执行的前期，会创建一个执行期上下文的内部对象 AO（作用域）2、内部的对象是预编译的时候创建出来的，当函数被调用的时候，会先进线预编译3、在全局代码执行的前期会创建一个执行期的上下文对象 GO...
2021-06-18 17:49:48
174
原创 获取地址与三级地址联动
获取地址与三级地址联动获取当前地址引入对应的链接<script language="javascript" type="text/javascript" src="http://ip.ws.126.net/ipquery"></script>即可获取当前省市地址，以自身为例，获取到的数据为，可直接使用var lo="湖南省", lc="长沙市"; var localAddress={city:"长沙市", province:"湖南省"}三级联动地址我一般引入插件（
2021-06-16 15:11:51
780
原创 Element-ui/Element-plus Vue报错
这篇主要是解决在Vue3.0版本中遇到的element-ui失效报错的问题element-ui前端组件一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库，注意，是Vue2.0安装文档：https://element.eleme.cn/#/zh-CN/component/installation这样，问题就来了，在Vue3.0中，element-ui会失效甚至报错并且官方文档里只有一句话模糊说明所以，element-plus来了element-plus前端组件本文档将帮助你从
2021-04-28 21:10:49
2505
原创 Ajax与Axios(关于不熟悉写Ajax的解决方法)
Ajax与Axios(关于不熟悉写Ajax的解决方法)这里简单的说明GET和POST请求先说 AxiosAxios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中本质上也是对原生XHR的封装，符合现在前端MVVM模式（JQuery ajax 是对原生XHR的封装，偏向MVC的编程，而且大）安装使用 npm:$ npm install axios使用 bower:$ bower install axios使用 cdn: <scrip
2021-04-28 10:59:49
186
原创 页面等比例缩放
适配手机端的时候觉得有意思的东西设置或检索对象的缩放比例*zoom: 1使用方式： body { min-width: 1200px; overflow-anchor: none; background-color: #eee; *zoom: 1 }一般常用的也是rem布局首先要给页面设置缩放比，加在head里面 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
2021-02-25 14:29:42
1479
转载 js刷新当前页面的几种方式
看到一篇好的文章1.reload 方法，该方法强迫浏览器刷新当前页面。语法：location.reload([bForceGet])参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5(“刷新”)reload() 方法用于重新加载当前文档。如果该方法没有规定参数，或者参数是 false，它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档
2021-02-24 17:27:30
5289
原创 自用页面初始化css
页面初始化css参考腾讯文档整出来的 * { margin: 0; padding: 0 } html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin: 0; padding: 0; verti
2021-02-23 13:43:15
145
转载 HTML页面跳转URL不变（http）
新加入的第一篇（http）HTML页面跳转URL不变有次公司提出这个需求之后，我在网上找了蛮久的，看到通常解决的方法都是加入一个 <iframe>标签，但其还是属于页面里插入另一个页面，后来在一个有年代感的一个页面里找到了一个方法。<button class="btn" onclick='sendRequest("nav.html");'>按钮</button>function createXMLHttpRequest() { if(window.XML
2021-02-19 14:25:28
4597
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人