摘要：
当然可以！下面是使用 TypeScript 语法的动态表单弹出组件示例。 1. 创建动态表单弹出组件（TypeScript） <template> <el-dialog :visible.sync="visible" title="表单" @close="handleClose"> <el-form 阅读全文
摘要：
概论 ts中Array Object 既可以是数据值，也可以是类型 在 TypeScript 中，确实有些语法上的重叠，使得 Array 和 Object 可以同时表示数据值和类型。让我们来看一些具体的情况： 数组 (Array) 1. 数据值： const arr1: number[] = [1, 阅读全文
摘要：
代码 global.d.ts global中声明全局类型 declare global { /** * 响应数据 */ interface ResponseData<T = any> { code: string; data: T; msg: string; } } //加入export 就可以使g 阅读全文
摘要：
概论 null 就是一个变量为空，未赋值,比如var abc=null; undefined 就是未定义，就是属性还未声明，比如 var abc={}; abc.d 就是undefind未定义,或者变量声明了，确还未赋值过。 一般一个变量声明了，但是空值，用null比较适合，比如 var abc=n 阅读全文
摘要：
参考代码 <el-form ref="ruleFormRef" :hide-required-asterisk="true" :model="broker" :rules="rules"> <div v-for="(item, index) in broker.education" :key="in 阅读全文
摘要：
原因 原因是element plus form 组件的ref名字和表单reactive变量数据同名了 参考文章 https://blog.51cto.com/u_15127677/4350477 阅读全文
摘要：
代码 class myPromise { constructor(syncFn) { this.callbacks = []; //resolve 的目的是调用下一个then中的函数 const resolve = (value) => { const nextThenFn = this.callb 阅读全文
摘要：
报错方式 对象可能未定义的处理方式优化 使用 Optional Chaining: 这是处理对象属性可能为 undefined 的推荐方式，特别是在 TypeScript 中： let targetId = arrD.find((i) => i.name "tom")?.id; console.lo 阅读全文
摘要：
代码 <template> <div class="box">childB</div> </template> <script lang="ts" setup> import { reactive, watch, ref } from "vue"; const data1 = reactive({ 阅读全文
摘要：
概论 defineEmits 用来定义子组件暴漏给父组件的自定义事件 测试代码 子组件 <template> <div class="box">child</div> </template> <script lang="ts" setup> interface Emit { (e: "emitfn1 阅读全文
摘要：
自动导入vite配置 需要安装： npm install -D unplugin-vue-components unplugin-auto-import vite.config.ts配置 // vite.config.ts import { defineConfig } from 'vite' im 阅读全文
摘要：
安装 # 使用 npm npm install pinia@next # 使用 yarn yarn add pinia@next 代码使用 store代码 import { ref, computed } from 'vue' import { defineStore } from 'pinia' 阅读全文
摘要：
MutationObserver 是一个用于观察 DOM 树变化的接口，可以监测节点的添加、删除、属性变化等。以下是如何使用 MutationObserver 的基本示例： 1. 创建一个 MutationObserver 实例 // 创建一个观察者实例 const observer = new M 阅读全文
摘要：
树形数据拍平实现代码 js实现函数 function tree(arr) { var newarr = []; arr.forEach(item => { if (item.childrens) { newarr.push(...tree(item.childrens)) delete item.c 阅读全文
摘要：
代码测试 js代码 const rowData = reactive({ nameAbc: 'sdfsdf' }) console.log(rowData, "rowData") let rowDataValue = toRaw(rowData); console.log(rowDataValue, 阅读全文
摘要：
常见配置参考 { "editor.fontSize": 20, // 编辑器字体大小 "terminal.integrated.fontSize": 18, // terminal 框的字体大小 "editor.tabSize": 2, // Tab 的大小 2个空格 "editor.formatO 阅读全文
摘要：
设置里面搜索typescript:validate 既可打开或者关闭ts语法错误提示 阅读全文
摘要：
tsconfig.json "compilerOptions": { "incremental": true, // TS编译器在第一次编译之后会生成一个存储编译信息的文件，第二次编译会在第一次的基础上进行增量编译，可以提高编译的速度 "tsBuildInfoFile": "./buildFile" 阅读全文
摘要：
代码示例 可以通过ref变量实现绑定$ref,或者getCurrentInstance来获取$refs /** * $ref 使用方式，变量名和组件的属性ref值一致 */ const hChildRef = ref() console.log(hChildRef, "hChildRef") con 阅读全文
摘要：
debounce 防抖使用示例 代码 import {debounce,DebouncedFunc} from "lodash" const myDebounce:DebouncedFunc<(a:string)=>{}>=debounce((a)=>{ console.log(a,"debounc 阅读全文
摘要：
概论 代码测试 // 普通数组 let uuy:Array<number>; uuy=[23,23423,23423423] let uud:[] // let uua:array; //报错，不能这样声明数组 //从右往左是越子级内容 let uuv:number[][] //二维数组 uuv=[ 阅读全文
摘要：
概论 Symbol 是一种用于创建唯一标识符的原始数据类型。 Symbol 通常用作对象属性的键，以避免属性名冲突。 Symbol.for() 可以在全局 Symbol 注册表中创建或查找 Symbol。 内置 Symbol 用于定义语言级别的行为和协议。 Symbol 属性与普通属性的区别 Sym 阅读全文
摘要：
概论 在 TypeScript 中，object 类型是一个非原始类型的标志，表示任何不是 number、string、boolean、symbol、null 或 undefined 的值。因此，object 类型本身不允许 null 或 undefined 的赋值。 Object 和 {} 类型等 阅读全文
摘要：
安装 yarn add unplugin-auto-import vite配置 // vite.config.js export default defineConfig({ plugins: [ vue(), AutoImport({ // 自动导入 Vue 相关函数，如：ref, reactiv 阅读全文
摘要：
报错内容 error An unexpected error occurred: "EPERM: operation not permitted, unlink 'C:\\Users\\zhouc\\Desktop\\临时工作区\\vue3-ts\\vue3-init\\node_modules\\ 阅读全文
摘要：
代码 联合类型、交叉类型 //联合类型 type abcNewType = string | number; type abcNewType2 = "a" | "b" | "c"; interface a1 { a: string } interface a2 { b: string } //交叉类 阅读全文
摘要：
代码 interface 方式 interface myFn7 { (a: string, b: string): string; } let myFn7Demo: myFn7 = function (a: string, b: string): string { return a + b; } c 阅读全文
摘要：
概论 declare是声明全局类型的一种方式 declare 关键字用来告诉编译器，某个类型是存在的，可以在当前文件中使用。 测试代码 测试了type 和 function 声明代码 declare type myGlobalNumber=number; //注意这里的function 是个值，不是 阅读全文
摘要：
概论 provide 就是父类用来提供数据给子类或者孙子类 inject 就是子类或者孙子类用来获取父类或者祖先提供的provide数据 代码 app.vue 祖先层 <template> <header> <img alt="Vue logo" class="logo" src="@/assets 阅读全文
摘要：
uni代码实现 export function startAndroidActivity() { const { activety, pakeage } = externalApp;//pakeage 就是唤起app包名，activety 就是唤起的页面 let Intent = plus.andr 阅读全文
摘要：
唤起微信支付核心代码 async weixinPayApp() { const self = this; let postApi = ''; if (this.checkWexin) { postApi = 'getOpenWeixinSignOrderInfo'; } else if (this. 阅读全文
摘要：
安装 安装上面这个插件后，会提示登录，可以使用github在线地址登录。 代码提示 代码指令使用 侧边栏功能 总结 tabnine vscode插件就是一款代码ai自动补全的插件，侧边栏还可以进行代码解释、修正等功能。 阅读全文
摘要：
概论 主要是有一个微前端的主权项目，实现对微服务的调用，类似iframe显示，父应用和子应用可以通过一些数据通信方式实现数据通信。 代码 微前端注册 import Vue from 'vue' import App from './App.vue' import { registerMicroApp 阅读全文
摘要：
示例代码 interface mybasic { one: string, two: string, three: number, four: string } console.log("myts-demo") // 排除参数属性 interface my1 extends Omit<mybasic 阅读全文
摘要：
下面分别是ref普通基本数据，下面是ref对象数据 _rowValue 是原始数据，_value 是操作数据也就是代理数据 阅读全文
摘要：
示例代码 App.vue <template> <header> <img alt="Vue logo" class="logo" src="@/assets/logo.svg" width="125" height="125" /> <div class="wrapper"> <HelloWorl 阅读全文
摘要：
顺序 执行顺序：父组件先创建，然后子组件创建；子组件先挂载，然后父组件挂载，即“父beforeCreate-> 父create -> 子beforeCreate-> 子created -> 子mounted -> 父mounted”。 在单一组件中，钩子的执行顺序是beforeCreate-> cr 阅读全文
摘要：
接口数据查看，业务方式查看 给角色分配路由权限，然后路由信息上meta就会有哪些角色可以访问的数组。就是说一个路径，哪些角色可以访问，都在meta下的roles里面保存着 接着用户角色分配 前端代码实现 核心代码 通过用户信息上用户的角色数组和路由meta上的角色数组是否包含用户角色，来过滤用户是否 阅读全文
摘要：
概述 总体这个项目前端使用vue2，后端使用spring boot git地址 https://github.com/elunez/eladmin-mp 预览地址 https://eladmin.vip/demo/#/sys-tools/generator 数据表配置 低代码下载 生成后的前端代码示 阅读全文
摘要：
参考文章 https://www.cnblogs.com/fadeache/p/17777581.html https://blog.csdn.net/Ed7zgeE9X/article/details/118662575 先安装GoGoCode npm install gogocode-cli - 阅读全文