摘要：<body> <div id="app"> <h2>总价：{{totalPrice}}</h2> </div> <script> const vm = new Vue({ el: "#app", data() { return { books: [ { id: 110, name: "JavaScr
阅读全文
posted @ 2024-02-22 08:32
随笔分类 - Vue
摘要：Vue2中，可以通过this来获取当前组件实例； Vue3中，在setup中无法通过this获取组件实例，console.log(this)打印出来的值是undefined。 在Vue3中，getCurrentInstance()可以用来获取当前组件实例 vue3官方文档解释 let { proxy
阅读全文
posted @ 2024-02-21 08:37
摘要：JS数组添加元素的三种方式 1、push() 结尾添加 数组.push(元素) 参数描述newelement1必需。要添加到数组的第一个元素。newelement2可选。要添加到数组的第二个元素。newelementX可选。可添加多个元素。 2、unshift() 头部添加 数组.unshift(元
阅读全文
posted @ 2024-02-06 09:06
摘要：1.单项目时自动关联：就是左侧只有一个项目时，自动关联定位。 2.点开悬浮菜单-与编辑器同步，选择总是关联，但项目多了，就会导致左侧项目目录树过长。 3.从HBuilderX 1.9.4起，默认策略调整为“单项目时自动关联”，如果有多个项目，默认不再自动关联， 所以可以在代码编辑区域内右键-在出现的
阅读全文
posted @ 2024-02-01 16:55
摘要：vue3使用v-viewer图片预览 v-viewer中文文档 安装 全局注册 main.js文件中 使用 v-viewer中文文档 安装 pnpm install v-viewer viewerjs 全局注册 main.js文件中 import Viewer from 'v-viewer' imp
阅读全文
posted @ 2024-01-31 15:25
摘要：查看图片主要使用的旋转、翻转、缩放、上下切换、键盘操作等功能都有。 1、首先是安装 pnpm install v-viewer viewerjs 2、安装完在引用（还要记得引用它的css样式）下面有两种调用方式 <script lang="ts" setup> import Viewer from
阅读全文
posted @ 2024-01-31 11:11
摘要：在做vue项目的时候，由于数据量比较多或是其他原因，前端调用接口数据的时候， 往往要等很久，我们一般会设置个超时，统一配置默认超时时间，当超过设置时间就向页面返回一个状态，让用户不用一直等。 timeout: 10 * 1000, // 等待时间为十秒 但是，当上传文件的时候，文件一旦大一些，就会超
阅读全文
posted @ 2024-01-25 15:33
摘要：Vue 项目的 index.html 文件在部署到生产环境时，很容易受到浏览器缓存影响，导致用户无法看到最新的页面。为了解决这个问题，有几种方法： 使用版本号：在构建项目时，设置打包后的文件名中包含版本号，比如 index.html?v=1.0，每次更新版本号即可避免缓存问题。 使用 meta 标签
阅读全文
posted @ 2024-01-24 10:28
摘要：vue中和后台交互，首先要引用vue-resource.js vue-resource.js是专门和后台进行交互 <!-- 引入vue-resource插件 ><script src="../js/vueJs/vue-resource.js"></script> vue中ｇｅｔ请求 function
阅读全文
posted @ 2023-12-28 21:37
摘要：Vite官方提供的 import.meta.glob API。 这个方法一般用于批量引入js或者ts文件，但实际上这个方法就是 很多import语句的集合而已，import是可以引入图片的，所以import.meta.glob 也同样可以引入图片资源，只不过需要加入配置项 as:'url' 就可以了
阅读全文
posted @ 2023-12-21 11:13
摘要：vue中，经常会遇到显示图片的问题， 如果是一个普通组件的话，那么这样就可以了 <img src="../assets/images/avtor.jpg" width="100%"> 上文的弊端有两个： 首先，是采用绝对路径引入。如果以后图片移动了位置，需要修改代码。 其次，如果说图片是一个logo
阅读全文
posted @ 2023-12-21 09:12
摘要：场景一：public目录下的图片 public目录 public目录下的图片引入方式： Bash <!--'/images/'+图片名称，这种属于绝对路径，/指向public目录 --> <img src="/images/image.png"> 场景二：在src目录下的图片 src目录 通过imp
阅读全文
posted @ 2023-12-21 08:53
摘要：适用场景： img标签是通过v-for动态指定src路径的，本地可以正常显示，一旦打包之后就无法在线上显示了。 Bug原因： Vite打包只会处理静态src路径，动态src路径只会原样保留。 <!-- 静态src会被处理为正确地址 --> <img src="@/assets/xx.png" />
阅读全文
posted @ 2023-12-21 08:45
摘要：vben-admin 网址 介绍 | Vben Admin (vvbin.cn) https://doc.vvbin.cn/guide/introduction.html #从 GitHub 获取代码 git clone https://github.com/vbenjs/vue-vben-admi
阅读全文
posted @ 2023-12-07 22:06
摘要：一、使用node命令查询版本信息 node命令提供了一个参数-v，可以在控制台中输出Node.js版本信息。在终端中输入以下命令即可查询Node.js版本： 使用以下命令可以列出当前系统中已经安装的所有Node.js版本： $ nvm ls
阅读全文
posted @ 2023-12-07 22:04
摘要：1. 场景 Where 以我当前所在的项目组为例，有四个前端开发工程师。每个人在安装依赖的时候方式不一，我习惯用 cnpm install，别人习惯用 yarn install 或 npm install。这样的场景下，可能存在每个人所处的开发环境的依赖包不同。因此，可以试图用工具去规范团队： on
阅读全文
posted @ 2023-11-30 23:59
摘要：报错截图如下： 解决办法： 1、通过 nvm uninstall [version] 命令将已经安装的 node 版本依次删除。 [version] 代表 node 版本号。 2、找到 nvm 安装位置， 卸载 nvm , 安装最新版本 nvm。我目前安装nvm1.1.12 双击 nvm 目录中的
阅读全文
posted @ 2023-11-29 15:45
摘要：Vben Admin 安装依赖时 husky 安装失败 请查看你的源码是否从 github 直接下载的，直接下载是没有 .git 文件夹的，而 husky 需要依赖 git 才能安装。此时需使用 git init 初始化项目，再尝试重新安装即可。 在你要做的项目的文件夹中，空白区域右击鼠标，属性-安
阅读全文
posted @ 2023-11-29 15:36
摘要：一、NVM版本管理环境安装配置 1.nvm for windows安装包下载地址： 地址：https://github.com/coreybutler/nvm-windows/releases 点击nvm-setup.exe进行下载 2.安装nvm 选择NVM安装路径，路径名称不要有空格，然后点击n
阅读全文
posted @ 2023-11-29 11:17
摘要：1、出现这个情况时，扪心自问，用nvm安装新的nodejs后是否有执行这个命令：nvm use [nodejs version name] nvm use v10.15.3 2、如果已经执行了上述命令但还是报node不是内部命令云云，那么先检查 环境变量：NVM_SYMLINK 目录是否可用，一般来
阅读全文
posted @ 2023-11-29 10:44
浙公网安备 33010602011771号