Simoon

摘要： margin-left: auto; 阅读全文

摘要： // el-table 空状态文本居中 :deep(.el-table__empty-block) { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 阅读全文

摘要： 原因： 空状态dom在组件库内部通过js动态获取表格设置的高度（height='300px'），自适应时会导致空数据文字跳动， 如果想要规避自适应时的跳动，则需要将表格高度属性设置到style中，避免js计算，但此时空状态无法动态获取到表格的高度 使用position：absolute避免js设置影 阅读全文

摘要： 修改子组件样式也要加 :deep() 告诉 Vue "穿透"样式作用域，影响子组件的内部元素 不需要使用 deep 是因为 .page-tab-box 和其子元素都处在当前组件的作用域内，Vue的scoped样式机制已经确保了样式只作用于当前组件，不会影响到其他组件。只有在需要穿透到子组件内部或修改 阅读全文

摘要： 单变量存储多个方法 // injectionKeys.js // injectionKeys.js export const DataIntegrationGrandApiKey = Symbol('DataIntegrationGrandApi'); 祖先组件（API 管理者） ✔ 一个 prov 阅读全文

摘要： 这是 唯一优雅、可控、推荐的方式来修改组件库图标 替换组件的:suffix-icon="Search"属性 <el-input v-model="keyword"> <template #suffix> <el-icon @click="onSearch"> <Search /> </el-icon 阅读全文

摘要： 一、structuredClone 是什么？ structuredClone 是 JavaScript 原生提供的深拷贝 API，用于将一个值 完整复制为一个全新的副本，并且 不会共享任何引用。 它实现的是浏览器规范中的👉 Structured Clone Algorithm（结构化克隆算法） 这 阅读全文

摘要： function formatLikeVSCode(str, indent = 2) { if (typeof str !== 'string') return str; const trimmed = str.trim(); // 必须是最外层对象 if (!trimmed.startsWith( 阅读全文

摘要： 一、最简单但有效：preload="none" <video controls preload="none" poster="cover.jpg"> <source src="demo.mp4" type="video/mp4"> </video> 特点 ❌ 页面加载时 不下载视频 ✅ 点击播放才请 阅读全文

摘要： 🌟 Vue 3 父子组件传参方式总览 1️⃣ Props：父传子 作用 父组件通过 props 向子组件传递数据。 子组件接收后默认 只读，不能直接修改。 支持 静态值、动态值、对象/数组、类型校验、默认值。 子组件写法 // 数组形式 const props = defineProps(['na 阅读全文