09 2022 档案
摘要：描述 有的图片在网页中是使用的svg图片进行展示，想要下载作为图片 步骤 打开控制台，选择对应的元素，"右键"--"复制"--“复制元素” 将上面的代码拷贝到一个 txt文件中，并命名为 xx.svg 然后使用浏览器打开 xx.svg 然后可以使用npm上的svgexport工具进行转换为png n
阅读全文
摘要：问题 有的时候查阅资料的时候，关注博主并不是很方便，查csdn会出现下面的提示 解决办法 打开控制台输入以下代码： var article_content=document.getElementById("article_content"); article_content.removeAttrib
阅读全文
摘要：背景 在我们上传文件后我们希望点击文件实现预览效果进行确认或者其他操作。 方式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文件后，进行如下配置即可 // 注意：这
阅读全文
