北风几吹夏

摘要： <Teleport> 是一个内置组件，它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去。 https://cn.vuejs.org/guide/built-ins/teleport.html 为了更加简便灵活，可以将 Vue 3 的 <teleport> 组件类似的功能封 阅读全文

摘要： 1.场景 需求在按钮中鼠标移入显示Tooltip文字提示，点击显示Popover提示框 2.实现 el-tooltip与el-popover之间需要有一层dom元素 <template> <el-tooltip effect="dark" :show-after="500" content="功能开 阅读全文

摘要： 问题 <template> <my-comp ref="test" /> </template> <script lang="ts" setup> const test = ref() onMounted(() => { console.log(test.value) }) </script> 打印 阅读全文

摘要： 在 UnoCSS 中，可以使用简写类来设置各种 CSS 属性，包括 border-bottom-left-radius。 UnoCSS 提供了一些内置的简写类，但是对于更详细的控制（比如特定的边角半径），可能需要使用自定义类或者直接使用 CSS-in-JS 的方式。 使用 UnoCSS 设置 bor 阅读全文

摘要： 在部署 Vue.js 单页面应用（SPA）时，遇到刷新页面时返回 404 错误是一个常见问题。这个问题通常是由于服务器不知道如何处理 SPA 的路由而导致的。 原因 在 Vue.js SPA 中，前端路由由 Vue Router 处理。当你在应用中导航时，Vue Router 可以处理这些路由并加载 阅读全文

摘要： 方法解释 ensureFileExistence(filePath)： 接受一个文件路径作为参数。 使用 path.dirname(filePath) 获取文件目录路径。 使用 fs.existsSync 和 fs.mkdirSync 确保目录存在。 使用 fs.existsSync 和 fs.wr 阅读全文

摘要： 个人开发常用 Vscode 1.中文语言包 Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code 2.本地服务 Live Server 3.代码后面显示提交记录 GitLens — Git supercharged 4.图标 阅读全文

摘要： 运行'Application' 时出错运行 Application 时出错。命令行过长。缩短命令行并重新运行。 解决办法 阅读全文

摘要： echarts图例点击会有一个默认的点击事件，会把点击的图例对应的legend取消 解决办法 legendselectchanged事件中将取消选中的legend动态设置回来，主要代码如下： let chart = echarts.init(document.getElementById('main 阅读全文

摘要： 在使用echarts绘制图表时, 如果需要使用渐变色, 则应使用echarts内置的渐变色生成器echarts.graphic.LinearGradient series: [ { name: '', type: 'bar', barMaxWidth: 20, label: { show: true 阅读全文