摘要: margin-left: auto; 阅读全文
posted @ 2026-01-13 20:11 SimoonJia 阅读(7) 评论(0) 推荐(0)
摘要: // el-table 空状态文本居中 :deep(.el-table__empty-block) { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 阅读全文
posted @ 2026-01-13 14:54 SimoonJia 阅读(3) 评论(0) 推荐(0)
摘要: 原因: 空状态dom在组件库内部通过js动态获取表格设置的高度(height='300px'),自适应时会导致空数据文字跳动, 如果想要规避自适应时的跳动,则需要将表格高度属性设置到style中,避免js计算,但此时空状态无法动态获取到表格的高度 使用position:absolute避免js设置影 阅读全文
posted @ 2026-01-09 17:23 SimoonJia 阅读(9) 评论(0) 推荐(0)
摘要: 修改子组件样式也要加 :deep() 告诉 Vue "穿透"样式作用域,影响子组件的内部元素 不需要使用 deep 是因为 .page-tab-box 和其子元素都处在当前组件的作用域内,Vue的scoped样式机制已经确保了样式只作用于当前组件,不会影响到其他组件。只有在需要穿透到子组件内部或修改 阅读全文
posted @ 2026-01-09 11:07 SimoonJia 阅读(7) 评论(0) 推荐(0)
摘要: 单变量存储多个方法 // injectionKeys.js // injectionKeys.js export const DataIntegrationGrandApiKey = Symbol('DataIntegrationGrandApi'); 祖先组件(API 管理者) ✔ 一个 prov 阅读全文
posted @ 2026-01-06 18:15 SimoonJia 阅读(6) 评论(0) 推荐(0)
摘要: 这是 唯一优雅、可控、推荐的方式来修改组件库图标 替换组件的:suffix-icon="Search"属性 <el-input v-model="keyword"> <template #suffix> <el-icon @click="onSearch"> <Search /> </el-icon 阅读全文
posted @ 2026-01-05 18:48 SimoonJia 阅读(8) 评论(0) 推荐(0)
摘要: 一、structuredClone 是什么? structuredClone 是 JavaScript 原生提供的深拷贝 API,用于将一个值 完整复制为一个全新的副本,并且 不会共享任何引用。 它实现的是浏览器规范中的👉 Structured Clone Algorithm(结构化克隆算法) 这 阅读全文
posted @ 2026-01-05 15:40 SimoonJia 阅读(54) 评论(0) 推荐(1)
摘要: function formatLikeVSCode(str, indent = 2) { if (typeof str !== 'string') return str; const trimmed = str.trim(); // 必须是最外层对象 if (!trimmed.startsWith( 阅读全文
posted @ 2025-12-29 18:22 SimoonJia 阅读(5) 评论(0) 推荐(0)
摘要: 一、最简单但有效:preload="none" <video controls preload="none" poster="cover.jpg"> <source src="demo.mp4" type="video/mp4"> </video> 特点 ❌ 页面加载时 不下载视频 ✅ 点击播放才请 阅读全文
posted @ 2025-12-24 11:56 SimoonJia 阅读(21) 评论(0) 推荐(0)
摘要: 🌟 Vue 3 父子组件传参方式总览 1️⃣ Props:父传子 作用 父组件通过 props 向子组件传递数据。 子组件接收后默认 只读,不能直接修改。 支持 静态值、动态值、对象/数组、类型校验、默认值。 子组件写法 // 数组形式 const props = defineProps(['na 阅读全文
posted @ 2025-12-24 10:55 SimoonJia 阅读(42) 评论(0) 推荐(0)