在 vue3 中，如果在 v-for 中直接给子组件双向绑定数据，会报： 这是因为我们使用 v-for 将一个数组循环出来，每一个数据都应该是只读的。此时，我们如果需要修改数组内的数据，应该使用下标： <template v-for="(item, index) in dataList" :key="item.id"> // 错误写法 <ChildComponent v-model="item" /> <!-- 这样写会报错 …
我们拉取一个 docker 镜像后，为了可以保持最新，总是要定期检查仓库中的镜像是否最新，如果有更新，需要手动更新，然后重启 docker 容器，很是麻烦。 这里推荐一个自动监控更新镜像 -- watchtower，它会监听镜像，当有更新时自动更新，并自动重启容器。但是它不会更新自己。 1、拉取并运行镜像。我们使用 containrrr/watchtower docker run -d --name watchtower -v /var/run/docker.sock:/var/run/docker.sock co…
举个栗子，我们经常需要用到日期工具，比如我们这里就用 dayjs。为了方便，我们可以将其挂在全局： // vue3 app.config.globalProperties.$dayjs = dayjs; // vue2 Vue.prototype.$dayjs = dayjs; 这样，我们就可以使用它了。但是在 ts 中，我们使用 $dayjs 是会报类型错误的，这是因为我们还没有给它声明类型。 在 vue2 中，我们可以： // vue2 declare module 'vue/types/vue�…
前阵子使用表格时，发现有时会异常滚动不了，仔细观察，发现是滚动条出现了。因为 element-plus 使用了自定义的滚动条，导致显示效果还挺隐蔽。 复现过程 当创建了一个表格，并自定义了高度，同时至少有一列为 fixed，那么在超出视口范围时，期望的是鼠标可以直接滚动页面。但因为表格的高度问题，导致页面无法滚动。高度差为1px。 表格默认会向下滚动1px，此时页面无法滚动，停顿后再次滚动，页面才会向下，因为表格此时已经滚动到最下面。 向上同理，方向相反。 这个吧，用户不仔细观察，还不易发现，会以为页面卡住了。 示…
千分位 有些时候，我们需要将数字转为千分位分割展示： '123456789.1234'.replace(/^(\d+)((\.\d+)?)$/, (s, s1, s2) => s1.replace(/(\d{1,3})(?=(\d{3})+$)/g, '$&,') + s2) // '123,456,789.1234' 有特殊需求时，还可以把 3 改为动态数字，通过 new RegExp() 的方式，动态生成正则即可。 切掉小数末尾的0 有些…
在 Vue 中，onMounted 钩子函数会在组件被挂载到 DOM 后立即调用。然而，如果在父组件的 onMounted 钩子函数中尝试获取子组件的 DOM 元素，可能会遇到问题，因为子组件可能还没有完成挂载。 如果需要在父组件的 onMounted 钩子函数中获取子组件的 DOM 元素，你可以使用 nextTick() 方法。nextTick() 方法会在下一次 DOM 更新循环结束之后延迟执行回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 以下是一个示例： import { nextTick }…
我一直也没在意，突然发现 vscode 已经好久不自动更新了，就去手动下了一个，然后就发现弹出这个提示。 一脸懵，点了了解详细信息，看了半天，大概意思就是区分了 User版 和 系统版。至于为什么这么做，是要给不同用户提供更加流畅的体验，确保不同用户可以得到流线型的设置。嗯，大概是这个意思，有兴趣可以去看 文档。 几种方法： 打开 vscode 不使用管理员模式 安装系统版本 手动更新 大概是这样~
收起的内容： 收起后： 如果用 vscode 开发前端，那么有很多配置文件，左侧的目录树会很乱。有个小技巧，使用文件嵌套规则，让这些配置文件隐藏起来。 在 设置 中搜索 File Nesting，可以根据自己的配置习惯来进行自定义设置。 这里面不能使用正则匹配，只有一个 * 通配符，而且每个项只能有一个，所以可能会配置比较多的内容，但一劳永逸。 这是我目前用到的配置项，我习惯将所有配置文件放在 tsconfig.json 下： 项： *config.json 值： ${basename}.*.json, ${bas…
问题出现 在使用 el-table 中，在使用 fixed 字段固定列后，当我们自定义表格的滚动条的宽高后，会出现底部高度不对齐，右侧列宽不对齐等情况。 上图可以看到，当我们滚动到底部后，会出现明显的错位现象。此时，第一时间就去 F12 查看元素，企图重载样式。但是始终无所收获。 解决方案 其实，只要在重载对应的 .el-scrollbar__wrap::-webkit-scrollbar 样式即可： .el-table__body-wrapper::-webkit-scrollbar { height: 10px…
最近评论
米優 发布于 7 个月前（05月07日）
test 发布于 2 年前（11月20日）
星星 发布于 2 年前（09月18日）
星星 发布于 2 年前（09月18日）
root 发布于 2 年前（09月05日）