![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Typescript
文章平均质量分 57
Boriska1996
这里介绍不了我。
展开
-
Vue3初始化加载loading
初始化loading,cv微调样式即可,原理自行研究。原创 2022-08-17 10:37:13 · 1450 阅读 · 1 评论 -
Vue3-无法使用 JSX,除非提供了 “--jsx“ 标志。ts(17004)
以Vue3+TS为例,项目出现**无法使用 JSX,除非提供了 “–jsx“ 标志。ts(17004)**的提示。虽然不影响项目的正常运行,但身为一名强迫症患者,这种报错必须消灭。网上的解决方式五花八门。有说在vscode 的setting.json文件添加:有说在重新安装ts的有说在 tsconfig.json中添加亲测后以上解决办法并没有解决报错信息。发先这些报错信息都出现在以下这种写法的组件上。亲测写入完整的组件标签名即可解决报错信息。......原创 2022-07-10 15:39:38 · 980 阅读 · 0 评论 -
Typescript - 装饰器
Typescript 装饰器上手简单案例。原创 2022-06-10 16:11:58 · 403 阅读 · 0 评论 -
Vue3.x&Vite2.0简易版打包优化
build配置文件安装基础插件npm i @vitejs/plugin-vue -Dnpm i vite-svg-loader -Dnpm i @vitejs/plugin-legacy -Dnpm i @vitejs/plugin-vue-jsx -Dnpm i vite-plugin-windicss -Dnpm i vite-plugin-mock -Dnpm i vite-plugin-live-reload -Dnpm i vite-plugin-remove-原创 2022-05-25 17:25:23 · 2255 阅读 · 0 评论 -
Vue3+Vite KeepAlive页面缓存问题
记录一个Vue3.x版本在使用KeepAlive缓存时的页面问题。问题一:使用KeepAlive缓存公共组件切换页面时发生错乱错误正常问题二:KeepAlive缓存页面,同一子路由参数不同下切换页面,页面内容发生错乱以上两个问题解决方式:在给RouterView添加key值即可: <router-view :key="route.fullPath" include="Tabletitle"> </router-view>Vue3.x+Rout原创 2022-04-12 14:53:42 · 2537 阅读 · 0 评论 -
Vue3+Echarts5.x
引入 EChartsimport * as echarts from 'echarts';规定Type类型type EChartsOption = echarts.EChartsOption;const barChart = ref<any>(null);//实例化Dom对象let barChartSeries: any;初始化图表// 图表初始化onMounted(() => { if (barChart.value) { nextTick(() =>原创 2022-04-06 09:57:30 · 1018 阅读 · 0 评论 -
Ts+Vue3项目eval函数替代方案
eval函数作用:eval()函数会将传入的字符串当做JavaScript代码进行执行。const evilFn = (fn) => { let Fn = Function; // 一个变量指向Function,防止有些前端编译工具报错 return new Fn(`return ${fn}`)();};原创 2021-12-30 11:03:20 · 3296 阅读 · 0 评论 -
Vite2.0+ElementPlus打包报错Cannot find name ‘global‘.
Vite2.0引入ElementPlus打包报错。node_modules/element-plus/es/utils/types.d.ts:19:55 - error TS2304: Cannot find name ‘global’.在package.jsonbuild脚本命令行中添加–skipLibCheck保存再次打包即可。 "scripts": { "dev": "vite", "build": "vue-tsc --noEmit --skipLibCheck &am原创 2021-09-12 11:21:03 · 1611 阅读 · 0 评论 -
Vue3自定义指令的改动与使用
Vue2.0自定义指令的钩子函数 bind: function(el: any, binding: any): void { console.log("bind"); //指令第一次绑定到元素时调用,只执行一次。在这里可以进行一次性的初始化设置。 }, inserted: function(el: any, binding: any): void { console.log("inserted"); //原创 2021-04-28 15:58:07 · 1385 阅读 · 1 评论 -
说人话的Typescripts基础详解(一)
Typescript限定类型我们把这种类型都叫做强类型var a: Number = 3;var b: Number = 4;b="a"变量声明限定类型后,不能改变变量值的类型。当前函数设置为输出number类型。当前函数必须有返回值,且返回值必须为number类型。eg:function abcd(): number { var a: number = 1; return a;}void不需要任何返回值的情况下,输出值为voidfunction abc(): vo原创 2021-04-26 13:44:28 · 553 阅读 · 0 评论