解决问题
冬至z
前端工程师,技术栈vue、react,熟练使用ts。对算法、数据结构、网络和底层原理等感兴趣。前端问题均可沟通,乐于解决各种前端问题,欢迎技术探讨交流。
展开
-
vscode找不到git新创建的分支
在git仓库新建了一个分支,在vscode上找不到新创建的分支。原创 2022-10-20 15:24:12 · 1221 阅读 · 0 评论 -
vue页面部分未刷新----------深层对象解构会覆盖的问题
this.$forceupdate() 迫使vue组件重新渲染,实际上指的是强制重启render函数。在深层对象解构的时候,res.data.resign将this.query.resign覆盖,导致postA和postB被删掉,最终导致vue双向绑定失败。this.a.aa为要更改的数据源(对象),b为key值(要更改的具体数据),value为要赋的值。强制刷新页面,不建议使用,会占用大量资源,使用到这个方法一般是因为你代码有问题。示例: this.$set(this.a.aa,"b",2)原创 2022-10-20 12:07:49 · 436 阅读 · 0 评论 -
将el-table的每一行变成超链接
需求描述最近接到一个奇怪的需求,产品说想要在右击el-table的每一行后弹出浏览器的右击菜单(浏览器在你右击一个超链接之后弹出的菜单),因为交流出现问题,刚开始我以为要模拟浏览器的右击菜单,调整了一堆样式,调好之后问产品,才知道是要弹出浏览器的右击菜单。实现因为跳转是需要传递参数的,而且需要根据当前行数据跳转到不同页面,所以需要动态绑定href,最初想把a加在el-table下(el-table-column外),但是绑定后发现a标签不起作用,之后把a标签绑定在了el-table-column原创 2022-05-27 15:40:22 · 1583 阅读 · 0 评论 -
el-select-dropdown 修改下拉框的样式
问题描述使用el-select的时候有时候需要修改下拉框的样式,但是el-select-dropdown必须添加类名才能修改他的样式。问题解决1.popper-class="" element提供了为下拉框绑定类名的api,绑定类名之后使用 deep深度遍历器或者不适用scope即可修改样式,但是popper-class=""需要搭配 :popper-append-to-body="false" 使用。用(深度)选择器设置属性不生效的原因(不搭配:popper-append-to-body=原创 2022-05-15 10:45:35 · 6667 阅读 · 0 评论 -
overflow:auto出现滚动效果不显示滚动条
问题描述overflow:auto 子元素超过父元素高度或者宽度时会出现滚动条(需要设置高度和宽度),当我这么设置之后出现了滚动效果却没有滚动条。问题原因全局写了滚动条宽度为0。::-webkit-scrollbar : {width:0}当我用样式覆盖后还是没有出现。::-webkit-scrollbar : {width:0}可能原因是样式没有写完整。解决办法将样式写全.printLogFather::-webkit-scrollbar { widt原创 2022-05-11 14:09:56 · 5153 阅读 · 0 评论 -
echarts报错Uncaught (in promise) Error: Initialize failed: invalid dom.
问题描述在使用echarts时报错Uncaught (in promise) Error: Initialize failed: invalid dom.原因这是由于echarts在初始化化时是需要获取dom的。let myChart = this.$echarts.init(document.getElementById('main'));例如在上面这个 myChart初始化时需要获取到 id="main" 的这个dom元素,所以在图表初始化的时候获取不到dom的时候就会出现这样的原创 2022-05-11 14:04:03 · 35902 阅读 · 11 评论 -
console.log机制
介绍前端在调试的时候很多都使用了console.log,但大家都知道他的机制吗?遇到问题在想要获取一个对象的某一个属性的属性值的时候,因为发送了ajax请求,然后在mounted阶段打印对象的属性时为空,而打印对象显示要获取的属性有值。机制介绍console.log实际上打印的是对象的引用,网上对于这种对象中的属性有值而单独打印对象的属性没有值的情况有两种说法:1.打印是 I/O 操作,浏览器会置后执行 2.打印的是对象的引用想要获取的对象的属性假定为obj.name当在moun原创 2022-05-09 17:55:12 · 675 阅读 · 0 评论 -
js小数计算丢失精度问题
js小数计算丢失精度问题原创 2022-05-09 15:18:58 · 10649 阅读 · 2 评论 -
echarts中的data是对象无法使用
问题描述前端通常从后端拿到的数据都是数组中有多个对象,而echarts中的data必须是一个数组,形如['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],所以需要对后端返回的数据进行处理之后才可以使用。处理办法 this.recordArray = res.data.modelTrain.map(function(obj,index){ return obj.ctime; }).join(",")原创 2022-05-09 14:47:49 · 2021 阅读 · 0 评论 -
解决nvm管理node多版本时无法切换版本
1.下载nvm之后 nvm ls查看版本*后面跟着的是当前使用的node版本使用node -v命令可以查看当前的node版本号2.nvm use 版本号 可以切换到其他版本(ls目录中的版本)nvm use 8.16.03.安装其他版本可以使用 nvm install 版本号或者其他途径下载后将文件夹放到nvm目录下nvm install <版本号>4.nvm切换版本后node版本没有变化将当前版本的文件夹删掉之后nvm就能切换到想要的版本了...原创 2021-09-02 15:32:54 · 1720 阅读 · 0 评论 -
window10如何重命名系统用户文件夹
此文章用于帮助重命名系统文件夹有些软件在使用时会出现保存路径中不能有中文的情况,但又不便修改路径,而系统用户文件夹又是中文无法避开时想要重命名发现难以修改名字。这篇文章将详细介绍如何进行系统用户重命名。1. 首先进入管理员账户(Administrator)我的电脑->右击->管理->本地用户和组->用户->Administrator->右击->属性->将“账户已禁用”前面的√去掉,点击确定.操作完成之后就可以登录Admi...原创 2021-08-31 20:11:39 · 10890 阅读 · 4 评论 -
解决webpack、less和cordova安装后显示不是内部或外部命令
安装webpack、less和cordova后查看版本显示不是内部或外部命令找到安装webpack.cmd、less.cmd和cordova.cmd所在位置,我的在C:\Users\智凯旋\AppData\Roaming\npm(默认位置)原创 2021-08-31 19:19:10 · 399 阅读 · 0 评论