type
status
date
slug
summary
tags
category
icon
password
获取当年的周数以及当前周的日期区间
示例数据展示
方法调用
判断当前日期是第几周
Vue vant(v)选择周组件封装
js控制元素丝滑滚动
antd-vue a-table合计功能

a-input(Ant Design of Vue1.7x)版本限制只能输入数字并且最多十位
如果碰到表单校验提示导致html错位
没用的话就改一下样式吧
对象数组补足长度
a-table序号列设置了fixed导致多出一列空白的问题
获取指定年份12个月份为数组并替换匹配数据的值
flex 布局导致子项高度相同,如何解决
直接在
flex容器上,将align-items设为flex-start,或者align-items属性的其他值都可以,子项就会保持其自身的高度了CSS :before、:after伪元素 content属性 中文乱码
a-teble滚动加载
监听表格滚动条
监听父级容器
修改a-rate 评分颜色
vue中$router.push打开新窗口
最快速删除node_modules的几种方式
Ant Design of Vue 表单校验问题
有时候明明已经赋值了但是校验还是提示需要输入值
1. 数据绑定问题
确保
form.reckonDate的值格式正确:2. 使用 v-model 替代 :value
将
:value 改为 v-model:Vue组件互相引用问题
即 A 引用 B,B 又引用 A,并且这两个引用都是第一次导入会形成循环依赖,在大多数情况下会导致报错或未定义行为
让我们来详细解释一下:
什么是循环依赖?
当模块 A 尝试导入模块 B,而模块 B 又尝试导入模块 A 时,就形成了循环依赖。在 JavaScript(包括 Vue 组件)中,当一个模块被导入时,它的代码会立即执行。
- 场景 1: A 导入 B
- JS 引擎开始执行 A。
- A 遇到 import B from './B.vue'。
- JS 引擎暂停执行 A,去执行 B。
- 场景 2: B 导入 A (在执行 B 的过程中)
- JS 引擎开始执行 B。
- B 遇到 import A from './A.vue'。
- JS 引擎暂停执行 B,去执行 A。
- 问题来了: A 已经被暂停了,现在又被要求执行。这就会导致一个死循环,或者其中一个模块在导入时会得到 undefined(因为它还没有完全导出)。
为什么 Vue 组件会报错?
在 Vue 中,当你局部注册一个组件时,你需要提供一个已经完全定义的组件选项对象。
- A.vue:codeJavaScript
- B.vue:codeJavaScript
当你尝试编译 A.vue 时:
- 它需要 B.vue。
- 编译 B.vue 时,它又需要 A.vue。
- 因为 A.vue 还在等待 B.vue,所以它并没有完全导出。当 B.vue 尝试导入 A.vue 时,它可能得到一个 undefined 或者一个不完整的模块对象。
- 结果就是,当你尝试在 components 选项中注册这个 undefined 或不完整的对象时,Vue 就会报错,通常是 Unknown custom element 或 Failed to resolve component。
解决方案
解决循环依赖通常有以下几种方法:
- 异步组件/懒加载 (Lazy Loading)codeJavaScriptcodeJavaScript
这可以打破导入时的即时执行,但需要组件在用到时才加载。
这种方法在技术上可行,但仍然表明你的组件设计可能需要优化,因为它并没有真正解决组件之间紧密耦合的问题。
- 全局注册 (谨慎使用)codeJavaScript
如果你把其中一个或两个组件都全局注册了,那么在它们需要的时候它们就已经在 Vue 实例上可用了,而不需要在另一个组件中 import。
这样,在 A.vue 和 B.vue 中就都不需要 import 对方了。
缺点: 全局注册会导致所有组件都会被打包,即使有些组件可能只在少数地方使用,增加了首次加载的大小。并且,它同样没有从根本上解决组件耦合的问题,只是绕过了模块导入的限制。
antd a-date-picker设置可选时间范围
Vue无缝滚动插件
注册组件
使用组件
- 作者:IMyself
- 链接:https://blog.lmyself.top/article/js625
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。
相关文章










