- 博客(50)
- 收藏
- 关注
原创 vue的this.$forceUpdate()和this.$set()
使用this.$forceUpdate()可以强制组件重新渲染。在Vue.js中,Vue的响应式系统会自动追踪依赖的响应式属性,并在这些属性变化时自动更新DOM。但在某些情况下,如果你手动改变了 Vue 实例上某个数据属性的值...
2024-07-23 20:00:14 1189
原创 前端报错adding CSS “touch-action: none“ to this element解决方案
报错定位:本人在这个页面引入了一个组件,而那个组件是需要进行拖拽或者滑动之类的操作,在此之前没有出现报错的,应该就是这里的问题...这应该与浏览器尝试优化滚动性能或触摸事件的处理有关...
2024-07-16 10:54:34 391
原创 <component>标签的介绍和使用
在 Vue.js 中,是一个特殊的元素,它允许你动态地绑定到一个组件。这意味着你可以根据某些条件或数据动态地渲染不同的组件....元素有一个特殊的is属性,该属性用于指定要渲染的组件...
2024-06-21 11:09:47 1774
原创 Treeselect是介绍及使用(梳理了我使用这个组件遇到的大部分问题)
这里梳理了我使用这个Treeselect组件遇到的大部分问题,希望大家多多补充,感谢
2024-06-20 11:09:26 3319 1
原创 省市区下拉选择:3个el-select(附完整代码+json)
下拉的@change事件因为只能得到绑定的val的改变,但是我想拿到里面的item,并且能够回显。假如我们把item绑定到value上的话,el-select的回显是全等的,而我绑定了一个对象,回显肯定是有问题的哈...下面提供了两种json文件,分别示例了里面的结构,看自己使用哪个吧,但是因为文件只能绑定一个,我在这上传了第一种的code.json,都包含了码值...
2024-06-20 10:00:58 1035
原创 Access to image at ‘xxx‘ from origin ‘xxx‘ has been blocked by CORS policy解决方案
这个错误表明你尝试从某个源(origin)加载阿里云上的图片时,浏览器因为CORS(跨源资源共享)策略阻止了这次请求。尽管图片能正常显示,但浏览器的控制台仍然会报告这个错误,因为请求不满足CORS的要求
2024-05-24 09:57:37 1461
原创 数据扁平化的介绍及使用
简单来讲就是:他是一个数据处理的过程或步骤,通常用于将嵌套的数据结构(如嵌套数组或对象)转换为非嵌套(或“扁平”)结构。这个过程在编程中很常见。
2024-05-22 11:42:00 891
原创 position:fixed无法固定到父盒子上面的解决方案
粘性定位可以被认为是相对定位和固定定位的混合。元素在跨越特定阈值前为相对定位,之后为固定定位。简单来讲的话一个元素在滚动到某个位置之前为相对定位,然后当它达到指定的偏移位置时,它会“粘”在那里(就像固定定位一样通常是视口的顶部或底部),直到滚动出视口。需要注意的是,为了使粘性定位生效,元素必须有一个toprightbottom或left属性的非auto值。sticky元素根据正常文档流进行定位,然后相对它的最近滚动祖先(nearest scrolling ancestor)和。
2024-05-14 12:33:13 1264
原创 高德地图:标点-连线-自定义图标-文字提示的使用
下面是使用高德地图进行标点连线的使用:1.定义一个装载地图的容器,并定义进行标点和连线的数据 ...
2024-05-13 15:52:37 1466
原创 什么是$t?$t的介绍及使用
$t是一个通常用于国际化(i18n)的函数。具体来说,当你使用 Vue.js 并结合某些国际化库(如 vue-i18n)时...在你的项目中创建一个目录(例如src/i18n)来存放你的国际化资源文件...
2024-05-12 19:06:30 1441
原创 window.location.href的介绍及使用
是 JavaScript 中一个非常常用的属性,它用于获取或设置当前窗口或标签页的 URL。这个属性返回的是完整的 URL。在URL的末尾使用符号后跟一个标识符来指定的。这个片段标识符通常用于标识文档(如HTML页面)内的某个位置,如特定的段落标题或锚点(anchor)。通俗的讲就是一个在当前页面的跳转到一个具体的位置,就如上面的目录点击跳转到n级标题,其实就是一个更加简便的操作当用户点击或浏览器导航到带有片段标识符的URL时,浏览器会自动滚动到该标识符所指向的文档位置。
2024-05-11 17:52:52 5686
原创 创建局域网分享图片及html页面服务(简单讲下)
要让前端自己创建的原生HTML网页在局域网内分享,最简单的方法是通过搭建一个简单的本地Web服务器。以下是具体的步骤
2024-03-18 21:39:31 1253
原创 el-table的border属性失效问题解决方案
如图所示,下面是el-table使用了border属性后没有效:看了下官方文档,并且检查了下自己写的并没有错误
2024-03-15 11:26:44 2911
原创 使用el-row及el-col页面缩放时出现空行解决方案
当缩放到90%或者110%,选中下拉后,下方就会出现空行el-row和el-col应该配合使用,并且el-col应该包含在el-row中。如下图所示:当页面缩放时...
2024-03-14 11:34:15 1203
原创 el-input设置max、min无效的解决方案
max和min主要是用于设置最大值和最小值的,但是呐,如果你只使用max及min是没有效果的不用el-form表单来验证处理的情况下,举例了下面几种方式:
2024-03-14 10:21:51 4928
原创 Error in callback for watcher xx TypeError: Cannot read properties of undefined (reading ‘call‘)解决方案
如图所示,控制台发现了以下报红:Error in callback for watcher xx TypeError: Cannot read properties of undefined (reading ‘call‘)
2024-03-01 10:10:38 1973
原创 export和export default的区别(简述)
在ES6(ECMAScript 2015)及其后续版本中,export和export default是两种导出模块内容的方法,它们在前端(以及后端或其他任何JavaScript环境)中都很有用。我们可以通过这两种,从模块中导出变量、函数、类或对象。其他模块可以通过import导入命名项来使用它们。
2024-02-28 12:31:32 1251
原创 花生壳内网穿透教程(图文并茂)
内网穿透原理:内网穿透技术允许通过在外网上建立一个与内网设备相关联的通道来绕过NAT,使得内网设备可以被外部网络访问。花生壳通过使用一对服务端和客户端软件实现内网穿透。
2024-02-24 16:26:08 13342 11
原创 npm i卡在 idealTree buildDeps没反应的解决方案
通过git clone拉下项目后,进行项目的初始化下包时,发现npm i 并没有反应(如图):以下为几种可能出现的问题及思路,本人已经解决
2024-02-22 16:29:14 3695 3
原创 http和https的区别(简述)
HTTP(HyperText Transfer Protocol)和HTTPS(HTTP Secure)都是用于在客户端和服务器之间传输数据的协议,但它们在安全性方面有重要的区别。
2024-02-21 14:36:43 5002 1
原创 Invalid xxx In Component names shouldconform to valid custom element name in html5 specification解决方案
发现如图错误,虽然是警告,但是还是想把他搞掉,有些时候感觉自己有强迫症一样。这个报错其实就是一个规范问题,vue文件的name的命名不规范引起的。虽然问题解决了,又有新问题了。名称必须符合一定的规则,否则将报错。
2024-02-02 20:11:46 565
原创 Unknown custom element:<xxx>-did you register the component correctly解决方案
我知道这个是Chrome 增加了新的事件捕获机制-Passive Event Listeners,这个以前在搞地图是也遇到过,卡死问题可能不仅仅与这个组件的定义有关,还可能涉及到其他组件、数据、路由或其他一些上下文。后面我找到了引入的组件,发现组件中有引入了四个组件,前面两个组件其实是一样的,调的组件内的同一个方法但是传入的参数不一样。循环调用组件时,组件比vue实例后创建,官方文档中是有提到了组件必须先于实例化引入的,所以引入搞成了懒加载,还是无用。这个问题由于没有时间研究,看了下我就就暂时放在这了。
2024-02-02 18:05:02 1164
原创 前端金额转换为人民币大写(5种方法)
当涉及到前端的财务模块有关的时候,比如列表展示、导出、打印发票报表等场景时,我们需要把金额转换为人民币大写.比如:数字:108.12 => 人民币大写:壹佰零捌元壹角贰分这里有四种常见的方法,按照难度从难到易逐一介绍如下:
2024-02-02 11:43:05 1159
原创 前端常见的栈溢出报错
在前端开发中,栈溢出是指JavaScript引擎执行代码时,调用栈(call stack)变得太大,超过了浏览器或JavaScript引擎所分配的栈空间,从而导致栈溢出错误。调用栈是一种数据结构,用于存储函数调用的信息,包括每个函数的局部变量、参数和返回地址。当一个函数被调用时,它的信息被推送到调用栈的顶部,当函数执行完毕时,该信息被弹出。如果在一个递归函数或深度嵌套的函数调用链中,调用栈的深度变得过大,超过了引擎的限制,就会导致栈溢出。
2024-02-01 18:08:25 1311 3
原创 el-table样式错乱解决方案
如图所示,又被提bug了,这个bug我都不知道改了多少次了。。。图片右边的椭圆框住的地方,在页面放大缩小之后就对不齐了。
2024-01-19 20:33:25 1483 1
原创 el-cascader 级联选择器的使用及初始化解决方案
点击x清除值后,原来选中的样式高亮还是一样的显示在页面上。如图所示,这是一个级联组件,需要拿的的值为最后一项,但是。清空后组件没有初始化。
2024-01-18 12:30:59 1182 1
原创 el-date-picker组件设置时间范围限制
如图所示,下图为新增的一个弹层页面,同时有个需求,日期选择需要限制一个月的时间范围(一月默认为30天)timeFrame为时间范围(我这为30天);当前选中的时间为16号,最大范围为2月15号。最小范围为上一年的12月17号。
2024-01-16 16:53:17 1857
原创 git撤销提交到本地的commit
就比如我,因为代码写错了分支,已经提交到本地了,而我需要取消,并且还要把代码搞得另外的分支上。有些时候,当我们提交代码到本地后,突然发现因为某些原因需要撤销提交本地的代码。(可以看到提交到本地的记录)(本次为撤回上一次的)
2024-01-09 16:53:21 2101
原创 控制el-table的列显示隐藏
在我们的页面中el-table-column是固定的,因为现在是对现有的进行维护和迭代更新。对需要控制列显示隐藏的页面进行控制。
2024-01-08 17:36:02 3081
原创 Git出现MERGING解决方案
这个以前解决了很多次了,分享一下如图所示,几个小时前拉的新分支,因为线上的代码肯定是有很多人提交的,所以需要pull下来,但是成功pull下来后,出现了如下情况:开始的分支显示的是(feature/tfzk/fdd-report-20231216)但是重新拉下代码后分支名后面多了MERGING出现MERGING状态。
2023-12-25 19:32:53 4096 1
原创 DevEco Studio安装配置及汉化(超详细)
HUAWEI DevEco Studio for OpenHarmony 是华为推出的一个针对操作系统的集成开发环境(IDE),它提供了一系列功能来帮助开发者在 OpenHarmony 平台上进行应用程序的开发和调试。
2023-12-25 11:02:44 6654 3
原创 Added non-passive event listener to a scroll-blocking ‘touchmove‘ event解决方案
触摸事件(touchmove)默认将具有滚动阻塞的特性,将非被动设置为被动(passive),以实现更流畅的滚动效果。,使页面更加具有响应性。
2023-12-23 11:28:03 6289 4
原创 [Element Migrating][ElDialog][Attribute]: size is removed解决方案
如果需要动态调整弹窗的大小,你可以在组件内部使用。,我们可以在样式中针对该元素进行样式设置,例如设置背景颜色、内间距等。在El-ement中使用了el-Dialog,其中的size需要删除。获取到弹窗的 DOM 元素,并操作其 CSS 样式来动态调整大小。则用于访问组件关联的根 DOM 元素,便于直接操作 DOM 元素。是 Vue 实例的一个属性,它是一个对象,包含了注册在。,我们可以直接访问和操作组件关联的 DOM 元素,例如。,这也是该属性被废弃的主要原因之一。是 Vue 实例的一个属性,它。
2023-12-10 10:35:52 1158 1
原创 Missing required prop: “value”报错原因及解决方案
打开pc端页面,控制台直接报错,报错如下:1.上面发出了vue的警告,意思是这个value为必须的,不可缺少2.发现提示的位置为el-select组件1.报错为value,此处value有两个位置使用(el-option,el-select)观察...
2023-12-03 18:48:05 3256 1
原创 小乌龟Tortoisegit安装及汉化(详细)
TortoiseGit 简称 tgit, 中文名海龟Git,大家都叫它小乌龟,TortoiseGit是一个开放的Git版本控制系统的源客户端,具有Git操作的图形用户界面(GUI)。TortoiseGit 支Winxp/vista/win7/Win10,提供多言语支持。
2023-11-27 10:47:15 10127 1
原创 使用el-pagenation的pagerCount报错(含封装组件代码)
总页数,total 和 page-count 设置任意一个就可以达到显示页码的功能;如果要支持 page-sizes 的更改,则需要使用 total 属性。默认情况下,使用pager-count,当总页数超过 7 页时,Pagination 会折叠多余的页码按钮。使用组件时,由于使用了多个table,宽度不够,(虽然页面上的功能能够实现,但是会报红)页码按钮的数量,当总页数超过该值时会折叠。大于等于 5 且小于等于 21 的 奇数。大于等于 5 且小于等于 21 的奇数。完整代码:上方点击下载即可。
2023-11-26 11:18:35 752 1
原创 前端保留两位小数(数字-浮点-字符串)
这个可以确保不管输入的金额是字符串、整数还是浮点数类型,都能够正确地格式化为保留两位小数的金额字符串,并对不符合格式的金额进行限制。
2023-11-23 11:42:45 465
省市区json,带码值
2024-06-20
省市区下拉选择:3个el-select(json)
2024-06-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人