摘要：如果你的vue项目在进行npm run build打包的时候遇到"Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory"的错误提示，这通常是由于内存不足导致的。尝试了好几
阅读全文
posted @ 2024-05-23 14:40
随笔分类 - Vue
摘要：当增加以下代码，导致项目报错，提示要npm时，是tinymce版本问题 import 'tinymce/icons/default/icons' // 解决了icons.js // 1.卸载 npm uninstall tinymce // 2.重新安装 npm install tinymce@5.
阅读全文
posted @ 2024-04-24 09:27
摘要：在项目中，前端会经常使用tinymce富文本编辑器插件，编辑器有上传图片的功能，而对于上传的这个图片的处理，有两种方式： 编辑器中有一个images_upload_handler方法，上传图片会触发该事件，该事件有3个参数，分别是上传图片的文件内容、上传成功的success处理方法、上传失败的fai
阅读全文
posted @ 2024-04-24 08:37
摘要：在点击小程序发布的时候选择，版本升级 选项 之前用户使用过的再打开小程序页面就会弹出升级弹窗modal 在utils.js中声明版本更新方法 // static/utils/index.js export function checkUpdateVersion() { //创建 UpdateMana
阅读全文
posted @ 2024-04-18 10:16
摘要：在Vue项目中安装指定版本的Day.js库，你可以使用npm或者yarn。以下是安装指定版本Day.js的步骤： 打开终端（命令行）。 转到你的Vue项目目录。 执行以下命令，其中x.x.x替换为你想要安装的Day.js版本号。 使用npm安装指定版本的Day.js： npm install day
阅读全文
posted @ 2024-04-17 09:43
摘要：const toUpperCaseAmount = (value) => { // 将数字金额转换为大写的逻辑 const digitUppercase = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖']; const unit = ['元',
阅读全文
posted @ 2024-03-29 09:50
摘要：首先在table中注册分页pagination <Table class="ant-table-striped mt-2" size="middle" :columns="tableData.columns" :data-source="tableData.data" :pagination="pa
阅读全文
posted @ 2024-03-18 16:03
摘要：需求： 前面下拉框选择某个选项（如：1）了， 后面的下拉框不能在有前面选中内容的该选项（即不能在出现1的下拉选项） 【Vue 实现动态循环出的多个select 不能重复选择相同的数据】 注：下面注释的都可以根据需求更改 代码 <template> <div id="app"> <div v-for=
阅读全文
posted @ 2024-03-15 08:42
摘要：<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
摘要：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
