- 博客(31)
- 收藏
- 关注
原创 popover与replace替换标签
列表中某项内容较多,实现只显示一行多余隐藏(如xxxxx...),鼠标悬停时悬浮展示。// 表格中标签转换为空,需提炼方法写,直接写replace没有用。ellipsis: true, // 只显示一行多余...隐藏。title: "展示内容",// 悬浮框实现换行展示。// 全局修改为空。数据是包含换行标签的。
2024-10-12 14:30:20
174
原创 Ant Design中a-tooltip修改宽度及其他样式
2. 此处是修改了tooltip的宽度。注意scoped里修改样式不起作用,要单独加个没有scoped的style标签,想要修改其他样式控制台查看类名修改就好了。1. overlayClassName属性自定义一个类名。
2023-11-21 15:26:46
4025
1
原创 url网址链接参数解析为对象格式
/ 模拟的数据形式,不是上面解码出来的。entries():返回包含所有键和值的迭代器对象,主要要用到这个方法!// URLSearchParams返回的对象上有许多方法可以使用。set(key, value):设置指定的键值对参数。getAll(key):返回所有值组成的数组。values():返回包含所有值的迭代器对象。keys():返回包含所有键名的迭代器对象。append():增加一个新的键值参数。delete(key):删除对应的键值。// 获取输入的url?// 不然得到的还是加密形式的。
2023-10-26 17:48:42
391
原创 xml接口传参字符串报错
调接口的参数是直接复制xml文件里的代码,作为字符串调接口。在调接口时修改Content-Type就好了。swagger操作成功,浏览器报错。直接传参是formData格式。
2023-09-22 17:50:23
194
原创 等待emit异步完成后再执行子组件
因为接口请求时间久,子组件加了loading加载状态。子组件是弹框,弹框确认后emit给父组件调接口。所以需要接口完成后再把加载状态关闭。
2023-09-22 17:41:22
754
原创 a-table切换分页后数据丢失,selectedRows只有单页数据
切换分页触发rowSelection的onChange事件,页面勾选状态正常,selectedRowKeys返回数据正确,但是selectedRows数据只有当前页的,之前的数据丢失。1.数据不多的话,因为selectedRowKeys数据正常,那么rowKey可以绑定整条record数据,selectedRowKeys再JSON.parse就可以了。// 后去重,此id是区分的唯一标识。暂时只想到这两种,欢迎讨论。
2023-08-16 17:53:37
1182
1
原创 vue封装防抖函数及应用
防抖简单理解(debounce):当有高频触发事件时,n秒后只执行一次,n秒内再次触发重新计时。2.arguments为参数,数组形式的,展开运算符可以变为正常传参。例如输入框change事件会调多次接口,点击事件重复触发事件..2.methods相关方法添加防抖。3.delay时间根据需求更改。utils.js 封装。
2023-03-21 20:02:20
1072
2
原创 git push撤销及本地代码消失恢复
当发生代码push错分支想要撤销1.查看版本git log2.回退git reset --soft 677fsv3386de57433.推送git push origin HEAD --force这时候之前被推送代码的远程分支回退原来了检查本地代码还在不在如果不在,查看本地记录,回到想要的版本git refloggit reset --hard HEAD@{2}这是你的版本
2022-09-21 17:34:33
1967
原创 [elementui-DatePicker报错] Avoid mutating a prop directly...Prop being mutated: “placement
日期组件莫名报错
2022-09-20 14:40:05
194
原创 echarts详细配置title、yAxis/xAxis、tooltip、grid、legend
【代码】echarts详细配置title、yAxis/xAxis、tooltip、grid。
2022-09-13 17:57:18
6041
原创 解决下载node-sass报错
由于项目要求必须下载固定版本node-sass@4.14.1镜像设置正确后下载依赖,只有node-sass怎么都下载报错后来发现node-sass版本要对应node对应版本,否则下载不了然后我node降到14.19.1问题就解决了...
2022-04-21 17:07:45
400
原创 超简单解决The project you were looking for could not be found
当自己电脑第一次拉取公司的项目或者在原有项目后又在新的仓库拉取项目等..会导致读取远程仓库错误我一直是用的hppt拉取的项目,所以账号密码都保存在了凭据里只要更改凭据里的信息就可以顺利推送代码了控制面板>用户账户>凭据管理器>Windows凭据...
2022-04-21 16:48:05
1533
原创 前端跨域解决 - webpack本地代理proxy
当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域直接访问则会报错此为vue-cli脚手架3.0vue.config.js配置module.exports = { devServer: { proxy: { "/api": { target: "http://26.15.12.39:8088", // 前端需要跨域的后端接口 changeOr..
2022-02-25 17:27:02
1263
原创 控制台报错 You are using the runtime-only build of Vue where the template compiler is not available...
解决:vue.config.js添加配置module.exports = { runtimeCompiler: true}
2022-02-23 16:11:25
443
原创 vue监听窗口变化
data () { return { screenWidth: document.body.clientWidth, //屏幕可视区宽度 screenHeight: document.body.clientHeight //屏幕高度 }},mounted () { // 监听窗口变化 let _this = this window.addEventListener('resize',function () { _t...
2022-02-17 17:10:11
1040
原创 vue实现点击下载exe,运行报错shellexecuteex失败 代码2
页面效果exe插件放在vue项目的public文件夹里,然后用a标签实现点击下载<a href="/VideoWebPlugin.exe">下载插件</a>成功下载后运行报错解决方法:选择在文件夹中显示,右击属性,在兼容性设置里的以管理员的身份运行此程序,看到程序有个盾牌就可以正常运行安装了...
2022-02-16 17:24:14
1937
原创 数组随机筛选多个元素且不重复
可以封装成一个方法,需要时直接调用methods: { // arr为需要处理的数组 n为筛选个数 randomArr(arr,n) { let reslut = []; for (let i = 0; i < n; i++) { let random = Math.floor(Math.random() * arr.length); reslut.push(arr[random]); arr.splice(...
2022-02-15 17:21:42
383
原创 前端MD5加密
MD5的全称是Message-Digest Algorithm 5,90年代初发明MD5以512位分组来处理输入的信息,且每一分组又被划分为16个32位子分组,经过了一系列的处理后,算法的输出由四个32位分组组成,将这四个32位分组级联后将生成一个128位散列值,它是一个不可逆的字符串变换算法一个文件可以生成唯一的MD5值,你只要改变里面某个字符,那么都会导致MD5值改变,常用于加密、校验、数字签名等等最近项目中实时视频监控用到了MD5算法向后台请求监控编号,具体用法如下..
2022-01-28 17:39:16
4450
原创 ant-design-vue安装报错解决
编译报错如图原因ant-design-vue使用less预处理器。在less3.0版本以前,javascriptEnabled属性默认为true,3.0以后默认为false。我的项目less版本为3.0.4,所以在编译中会报错解决1. 首先安装好less loader 然后在vue.config.js添加配置css: { loaderOptions: { less: { javascriptEnabled: true } }}2..
2022-01-27 14:41:57
2532
原创 避免子组件修改props案例
实现效果:父组件里子组件1点击显示子组件2(van中的popup弹出层)1.首先父组件data定义 popup:falseshowpopup事件设置 this.popup = true2.然后子组件用props接收 props:["show"]popup弹出层的关闭事件@close中则需要更改show的值问题来了,如果直接通过子传父$emit方法携带参数委托父组件去更改父组件接收传递的false去更改popup,则报错解决方法:...
2021-11-30 17:27:24
646
原创 字符串转布尔值
点击事件,进行路由跳转,并且携带一个定义好的data( true / false )功能:需要实现跳转页面后显示或隐藏一部分直接获取,是字符串类型的 "true" / "false"通过正册表达式就可以实现转换成布尔值啦...
2021-11-30 14:51:14
779
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人