![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue问题集合
文章平均质量分 73
じòぴé南冸じょうげん
知所从来,思所将往,方明所去。
展开
-
<component>标签的介绍和使用
在 Vue.js 中,是一个特殊的元素,它允许你动态地绑定到一个组件。这意味着你可以根据某些条件或数据动态地渲染不同的组件....元素有一个特殊的is属性,该属性用于指定要渲染的组件...原创 2024-06-21 11:09:47 · 1026 阅读 · 0 评论 -
el-table的border属性失效问题解决方案
如图所示,下面是el-table使用了border属性后没有效:看了下官方文档,并且检查了下自己写的并没有错误原创 2024-03-15 11:26:44 · 2454 阅读 · 0 评论 -
使用el-row及el-col页面缩放时出现空行解决方案
当缩放到90%或者110%,选中下拉后,下方就会出现空行el-row和el-col应该配合使用,并且el-col应该包含在el-row中。如下图所示:当页面缩放时...原创 2024-03-14 11:34:15 · 1063 阅读 · 0 评论 -
el-input设置max、min无效的解决方案
max和min主要是用于设置最大值和最小值的,但是呐,如果你只使用max及min是没有效果的不用el-form表单来验证处理的情况下,举例了下面几种方式:原创 2024-03-14 10:21:51 · 3815 阅读 · 0 评论 -
Invalid xxx In Component names shouldconform to valid custom element name in html5 specification解决方案
发现如图错误,虽然是警告,但是还是想把他搞掉,有些时候感觉自己有强迫症一样。这个报错其实就是一个规范问题,vue文件的name的命名不规范引起的。虽然问题解决了,又有新问题了。名称必须符合一定的规则,否则将报错。原创 2024-02-02 20:11:46 · 507 阅读 · 0 评论 -
el-table样式错乱解决方案
如图所示,又被提bug了,这个bug我都不知道改了多少次了。。。图片右边的椭圆框住的地方,在页面放大缩小之后就对不齐了。原创 2024-01-19 20:33:25 · 1349 阅读 · 1 评论 -
el-cascader 级联选择器的使用及初始化解决方案
点击x清除值后,原来选中的样式高亮还是一样的显示在页面上。如图所示,这是一个级联组件,需要拿的的值为最后一项,但是。清空后组件没有初始化。原创 2024-01-18 12:30:59 · 1097 阅读 · 1 评论 -
el-date-picker组件设置时间范围限制
如图所示,下图为新增的一个弹层页面,同时有个需求,日期选择需要限制一个月的时间范围(一月默认为30天)timeFrame为时间范围(我这为30天);当前选中的时间为16号,最大范围为2月15号。最小范围为上一年的12月17号。原创 2024-01-16 16:53:17 · 1554 阅读 · 0 评论 -
Added non-passive event listener to a scroll-blocking ‘touchmove‘ event解决方案
触摸事件(touchmove)默认将具有滚动阻塞的特性,将非被动设置为被动(passive),以实现更流畅的滚动效果。,使页面更加具有响应性。原创 2023-12-23 11:28:03 · 5063 阅读 · 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 · 1122 阅读 · 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 · 704 阅读 · 1 评论 -
前端保留两位小数(数字-浮点-字符串)
这个可以确保不管输入的金额是字符串、整数还是浮点数类型,都能够正确地格式化为保留两位小数的金额字符串,并对不符合格式的金额进行限制。原创 2023-11-23 11:42:45 · 422 阅读 · 0 评论 -
前端实现复制粘贴通用方法封装
总的来说,这段代码提供了一种在现代浏览器中复制文本到剪贴板的方案,然而,对于浏览器兼容性上还有一些限制和潜在的问题需要注意。原创 2023-11-23 11:31:23 · 308 阅读 · 0 评论 -
el-cascader调用多个接口的使用方法
el-cascader是 Element UI 中的级联选择器组件,它可以用于选择多级联动的数据你所做的事情,也许暂时看不到成果,但不要灰心或焦虑,你不是没有成长,而是在扎根。原创 2023-11-22 22:45:22 · 1774 阅读 · 0 评论 -
关于el-select回显问题 : 框内不显示label,而是value
希望大家-成为厉害的大人和更可爱的小孩!很高兴遇见你。原创 2023-11-11 19:11:03 · 4621 阅读 · 2 评论 -
解决vant--tab栏高亮位置错误的问题
点击进入二级路由后,回到一级时,tab栏的高亮会默认跳到第一个,而不是高亮当前的页面。原创 2023-10-29 23:45:32 · 435 阅读 · 1 评论 -
手写防抖与节流+2扩展
防抖和节流是前端开发中常用的两种优化技术,用于限制事件的触发频率,提升用户体验和性能。在使用防抖和节流时需要注意防抖和节流的时间间隔需要斟酌选择。原创 2023-10-29 23:06:01 · 126 阅读 · 1 评论 -
前端vue创建二维码
Vue-Qrcode 是一个 Vue.js 的二维码生成插件,它利用了 QRCode.js 库来生成二维码。下面是关于 Vue-Qrcode 插件的优缺点和作用的详细介绍:作用:yarn add qrcode 下包,或者用npm、pnpm都行 (参考文档:npmjs官网) 效果图:原创 2023-08-23 18:16:47 · 349 阅读 · 0 评论