Vue3中组件使用ref时获取组件类型推导

我们在使用Vue3+ts开发时,常常会用到一些第三方组件库,比如Element-Plus UI、Navie UI等,这些UI框架中有些组件常常会暴露一些方法给我们便捷的去实现各种复杂的交互,我们经常会像下面这样去给组件定义一个ref去获取组件的实例:<template> <div> <el-drawer ref="drawerRef"

- 阅读全文 -

thinkPHP6多对多关联查询排除联表字段

假设当前有三个数据模型,分别是A、B、A_B,A和B是多对多关系,A_B是A和B的中间表,我想要查询A模型中指定id的一条记录,并且联表查询这条记录关联B模型中的多条记录,这样会查询出B模型中对应记录的全部字段,包括一些敏感字段如delete_time等,此时你想过滤掉一些字段,但发现withoutField只能过滤主表A的字段,无法过滤联表B的字段。解决方案如下,加入一个闭包,然后使用getQu

- 阅读全文 -

MacOS终端常用命令

文件和目录操作ls:列出目录内容。选项:-l(详细格式)、-a(显示所有文件,包括隐藏文件)。cd:更改当前目录。示例:cd ~(进入用户主目录)、cd -(切换到上一个目录)。pwd:显示当前工作目录的路径。mkdir:创建新目录。示例:mkdir newdir(创建名为“newdir”的新目录)。rmdir:删除空目录。示例:rmdir emptydir(删除名为“emptydir”的空目录)

- 阅读全文 -

MacOS Python管理工具:pyenv

安装pyenvbrew install pyenv查看可安装版本pyenv install --list安装指定版本pyenv install $version查看当前已安装版本pyenv versions切换版本# 全局切换 pyenv global $version # 当前目录 pyenv local $version # 当前shell pyenv shell $version卸载指定版本

- 阅读全文 -

程序员使用mac的一些笔记

nodejs包管理器安装最新稳定版 node:n stable 安装最新版本 node:n latest 安装某个具体node版本:n 14.16.1 删除某个具体的node版本: n rm 14.16.1 查看本机已安装的node版本: n ls

- 阅读全文 -

Python入门基础教程

1. 简介Python是一种高级编程语言,因其易读的语法和强大的功能而广受欢迎。无论是初学者还是经验丰富的开发者,Python都能提供高效的编程体验。本教程将带领你从基础到进阶,逐步掌握Python编程的核心概念和高级技巧。2. 环境配置在开始编写Python代码之前,你需要确保已在计算机上安装Python。你可以从Python官网下载并安装最新版本的Python。安装完成后,可以在命令行中输入以

- 阅读全文 -

三个测试占位图链接地址

官网地址占位图片示例说明https://placeholder.comhttps://via.placeholder.com/400x200.png/3c9cff/fff400x200 - 宽高,3c9cff - 背景颜色,fff - 文本颜色https://dummyimage.comhttps://dummyimage.com/400x200/3c9cff/fff400x200 - 宽高,3c

- 阅读全文 -

一个开箱即用的变量类型判断库

其中包括了一些日常开发中常用得到的函数工具默认是TypeScript版本,如需在js中使用去掉类型标注即可const opt = Object.prototype.toString; /** * 检查给定对象是否为数组。 */ export function isArray(obj: any): obj is any[] { return opt.call(obj) === '[obje

- 阅读全文 -

H5 苹果系统底部安全区

先在头部加上下面的代码<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui,viewport-fit=cover" />然后就可以使用以下变量了,直接

- 阅读全文 -