课内知识

众所周知 v-model:value = :value + @update:value 而@xxx会被转化为 onXxx的形式 on+大写字母开头的词 所以v-model:currentPage =

需求是做一个按钮组件 可以根据onClick自动切换loading状态 初步代码如下 组件参数的自动分类 vue会按照提供的props对象构造组件的props 其余的参数被自动归类到attrs 对于形

一般来说 ol/ul元素会这样呈现 但如果同时使用white-space:pre就会这样(这里是pre-line,对换行的处理是一样的) 这种现象可以理解为ol会在开头、结尾和每个li间加换行 解决方

需求 项目里经常遇到一些嵌套递归的参数控制器 就是形如这样的组件 通常使用一个配置对象来进行描述 例如 type为group的映射为配置组 其余的则映射为 根据我的经验 这种控制器很容易在拓展和修改过

把这个文件用vite打包 结果如下 可以看到 只有通过import.env.VITE_VALUE直接引用环境变量的语句才能被替换为静态值'NONE' 而且只有引用静态值的语句会在编译时计算 而v-if

版本 vite@5.4.11 vite项目将styles.module.scss和vue组件的style标签打包为style标签插入html中 这些style标签统一具有data-vite-dev-i

一开始是这样的布局 但是在缩放时显示异常 中间的间距常常过小或过大 在中间使用div模拟margin 这样可以确保间距受控 且不影响下方元素的交互过大 在中间使用div模拟margin 这样可以确保间

flex-1的行为与预期不符 先看这么一个例子 预期效果是span站两边 div填充剩余空间 但实际结果是这样的 中间的div会被子元素撑开 而不是恰好占据剩余空间 原理和解决 flex:1 ===

vue3 element-plus gsap 获取动画起止点 element plus中 这样写会构造一个选择器列 选中事件为@select 参数1是当前选中的所有行 参数2是变化的行(选中或没选中)

用法凑数用法凑数用法凑数用法凑数用法凑数用法凑数用法凑数用法凑数用法凑数用法凑数用法凑数用法凑数用法凑数用法凑数用法凑数用法凑数用法凑数用法凑数用法凑数用法凑数用法凑数用法凑数用法凑数用法凑数用法凑数

页面浏览和用户停留时间 SPA项目中 url的改变完全来自replaceState和pushState函数 这两个函数的特点是只改变url和history对象 不重新请求网页内容 因此需要用vue-r

配置 新项目 在npm create vue命令中设置jsx即可在项目中使用jsx 已有项目(vite) 在vite.config.js中增加插件 写法 说明 setup的返回值是一个render函数

问题 之前使用pdf viewer进行pdf预览 先从pdf.js下载pdf viewer到本地 放到public文件夹内 然后在项目内使用iframe访问viewer 但是现在后端改了 必须在请求头

案例1 首先看一个简单的需求 封装一个弹窗组件 以前虽然工作一直用的react 但是之前也学习过vue 对vue的写法和语法还有点印象 所以我写下了这样的东西 当然是报错了 类型提示上看props.v

错误分析 这个报错的来源的意思是远程模块导入失败 通常是因为网页处于活动状态时服务器资源更新了 然后html中引用的.js文件找不到了 这篇文章解决的就是这种通常情况 参考这两篇文章 https://

需要让日期选择器默认显示当天 代码如下 发现无法正常显示 排查许久后发现new Date().toLocaleDateString()得到的结果是 2025/3/4 /替换为-后 不是标准的"YYYY

需求 书接上回 折叠面板上其实还有一个需求 在标题栏上加按钮 用于和面板内容交互 这也是要求滚动被限制在面板内部的原因 因为客户需要随时看到这个按钮 分析 我接手代码的时候 感觉水平很低 不忍卒读 但

要求在一个固定高度展示一系列折叠面板 展示内容时占据全部高度 并将滚动行为局限在面板内 形如下图 这个组件的结构是 .el-collapse>.el-collapse-item>.el-collaps

问题 公司项目中 正确配置了jsconfig.json 指定路径别名 并且项目下没有tsconfig.json 但是vscode无法将'@'识别为src 解决 设置javascript.prefere

需求 实现一个组件 展示一组按照规律伸缩的柱 用来描述正在传播的波 实现 Wave组件 styles.module.css 效果 说明 每次进行动画只占用了半个周期 因此设置动画时长时需要除以2 an