type
status
date
slug
summary
tags
category
icon
password

获取当年的周数以及当前周的日期区间

示例数据展示
方法调用
判断当前日期是第几周
Vue vant(v)选择周组件封装

js控制元素丝滑滚动

antd-vue a-table合计功能

notion image

a-input(Ant Design of Vue1.7x)版本限制只能输入数字并且最多十位

如果碰到表单校验提示导致html错位

没用的话就改一下样式吧

对象数组补足长度

a-table序号列设置了fixed导致多出一列空白的问题

获取指定年份12个月份为数组并替换匹配数据的值

flex 布局导致子项高度相同,如何解决

直接在flex容器上,将align-items设为flex-start,或者align-items属性的其他值都可以,子项就会保持其自身的高度了

CSS :before、:after伪元素 content属性 中文乱码

将中文转为unicode编码 站长工具,例如:—>\u3001

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 时:
      1. 它需要 B.vue。
      1. 编译 B.vue 时,它又需要 A.vue。
      1. 因为 A.vue 还在等待 B.vue,所以它并没有完全导出。当 B.vue 尝试导入 A.vue 时,它可能得到一个 undefined 或者一个不完整的模块对象。
      1. 结果就是,当你尝试在 components 选项中注册这个 undefined 或不完整的对象时,Vue 就会报错,通常是 Unknown custom element 或 Failed to resolve component。

      解决方案

      解决循环依赖通常有以下几种方法:
      1. 异步组件/懒加载 (Lazy Loading)codeJavaScriptcodeJavaScript
        1. 这可以打破导入时的即时执行,但需要组件在用到时才加载。
          这种方法在技术上可行,但仍然表明你的组件设计可能需要优化,因为它并没有真正解决组件之间紧密耦合的问题。
      1. 全局注册 (谨慎使用)codeJavaScript
        1. 如果你把其中一个或两个组件都全局注册了,那么在它们需要的时候它们就已经在 Vue 实例上可用了,而不需要在另一个组件中 import。
          这样,在 A.vue 和 B.vue 中就都不需要 import 对方了。
          缺点: 全局注册会导致所有组件都会被打包,即使有些组件可能只在少数地方使用,增加了首次加载的大小。并且,它同样没有从根本上解决组件耦合的问题,只是绕过了模块导入的限制。

      antd a-date-picker设置可选时间范围

      Vue无缝滚动插件

      注册组件
      使用组件
      Css效果demo某平台无水印视频/图集解析
      Loading...
      2021-2025IMyself.

      IMyself | 前端小萌新~