远方除了遥远一无所有

摘要： 背景 在我们上传文件后我们希望点击文件实现预览效果进行确认或者其他操作。 方式1：可以使用element-ui的upload组件+dialog+image组件解决,示例代码如下： <el-upload action="http://127.0.0.1:8888/api/private/v1/uplo 阅读全文

摘要： 问题描述 在ts中我们为变量(比如：A)定义了HTMLElement数据类型或者其他数据类型后，在后续的使用中ts会认为上面绑定的变量(A)可能没有绑定到对应的元素上所以会认为变量的值是在HTMLElement 或者 undefined 两种情况 示例代码： const chartRef = ref 阅读全文

摘要： 问题描述 有的时候我们需要为多行代码进行注释，但是其中某几行已经注释了，但是如果再这个基础之上再进行注释的话是没法注视成功的 安装Nested Comments插件 Default Keybindings Mac: cmd + alt + / Windows: ctrl + alt + / 效果 阅读全文

摘要： 背景 有的时候我们需要将组件的配置以文件的形式导入，那导入的配置需不需要使用ref或者reactive处理成响应式对象呢？ 答：不用，貌似导入的配置会有响应式，但是通过isRef、isReactive、IsProxy方法去鉴定的时候返回的false 示例代码： // dialog.config co 阅读全文

摘要： 背景 我们可以通过ui组件库来统一调整组件的语言设置，比如统一设置成中文或者英文 步骤 引入 element-plus相关的语言包。这里使用中文 通过 el-config-provider组件进行配置 // App.vue <template> <div class="app"> <el-confi 阅读全文

摘要： 问题描述 vue-router中配置history为createWebHistory() 后，当刷新页面会出现无法找到资源的问题 配置如下： // router/index.ts const router = createRouter({ history: createWebHistory(), r 阅读全文

摘要： 问题 使用最新版的vuex后，然后vue3在template模版中使用出现红色警告，但是编译无异常 效果图 解决办法： 在shims-vue.d.ts文件中新增下面的声明 // shims-vue.d.ts import { Store } from '@/store' declare module 阅读全文

摘要： 背景 有的时候我们在Excel中填写内容后通过前端批量上传，然后将数据批量存到数据库中 步骤 安装xlsx npm install xlsx 对上传的文件进行解析，获取上传文件中的每行数据 <template> <div> <button @click="parse">解析</button> <in 阅读全文

摘要： 背景 比如在vue2的情况下我们有的时候需要为Vue的原型对象上添加属性或方法，vue3的情况下需要为app挂载全局属性配置，但是结合了ts后，在vue文件中会报警告，但是程序可以正常被执行 挂载全局配置 组件中使用 解决办法 找到shims-vue.d.ts文件后，进行如下配置即可 // 注意：这 阅读全文

摘要： 参考博文 文章标题：How to use Prettier with ESLint and TypeScript in VSCode 链接：https://khalilstemmler.com/blogs/tooling/prettier/ 总结 使用npm安装prettier npm instal 阅读全文