摘要：解决webview缓存问题 前言项目是通过web-view内嵌在小程序里的vue单页应用.然而前几天发现明明发布了代码，在小程序入口进去看到的还是旧页面，尝试了各种操作：手动退出小程序，再次进入；删除 发现-小程序，重新进入；关闭微信，杀掉进程，重新进入修改 Nginx 关于 Cache-Contr
阅读全文
posted @ 2024-08-18 16:11
随笔分类 - Vue
摘要：微信小程序生命周期函数有两种 页面生命周期：onLoad ，onShow，onReady，onHide，onUnload等 组件的生命周期：created，attached，ready，moved，detached，erroronLoad：监听页面加载一个页面只会调用一次，能够在 onLoad 中获
阅读全文
posted @ 2024-08-02 09:28
摘要：uniapp页面跳转的几种方式 一、uni.navigateTo 定义：保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。 使用： // 1.不传参 uni.navigateTo({ url:'./home/index' }); // 2.传参字符串 uni
阅读全文
posted @ 2024-07-25 15:54
摘要：方案1： 将B页面中的值传回给A页面 A页面 onShow(){ var pages = getCurrentPages(); var prevPage = pages[pages.length - 1]; var brand = prevPage.brand; console.log(brand)
阅读全文
posted @ 2024-07-25 15:52
摘要：一、前言 在移动端中，数据列表中某项数据点击编辑，进入下一个页面编辑数据，保存后回退到数据列表页，此时需要刷新列表数据，否则显示的列表数据还是旧的。这种场景感觉很多地方都有出现，是需要详细说说方法，也就是uniapp中uni.navigateBack返回后刷新页面数据。 1.1、uni.naviga
阅读全文
posted @ 2024-07-18 16:52
摘要：背景： 因为项目要播放一个宣传和讲解视频，视频文件过大，同时还为了节省存储流量，想到了一个方案，用m3u8切片替代mp4。 m3u8：切片播放，可以理解为一个1G的视频文件，自行设置文件分割大小，通过切片，把视频1G分割成若干个小片段，播放的时候由.m3u8文件来指定在某个时间节点播放某个切片，好处
阅读全文
posted @ 2024-06-24 14:43
摘要：Ant Design Vue 官网： https://www.antdv.com/components/list-cn 何时使用 # 最基础的列表展示，可承载文字、列表、图片、段落，常用于后台数据展示页面。 <div class="s-table-tool"> <div class="s-table
阅读全文
posted @ 2024-06-23 09:09
摘要：在 SpringBoot 项目的 resources 目录下新建一个 banner.txt 文本文件，然后将启动 Banner 粘贴到此文本文件中，启动项目，即可在控制台展示对应的内容信息。 https://www.bootschool.net/ascii-art/art-and-design 1.
阅读全文
posted @ 2024-06-19 08:32
摘要：vue3 获取指定目录内组件 在Vue 3中，要获取指定目录内的所有组件，可以使用Vue的编程式导入。这通常在自动化场景，如通过编程的方式导入一个目录下所有的Vue组件时使用。 以下是一个简单的例子，展示如何在Vue 3中编程式地导入一个目录下的所有组件： // 假设componentsDir为组件
阅读全文
posted @ 2024-06-17 10:27
摘要：要将URL参数转换为JSON对象，可以使用以下函数： javascript function getQueryParams(url) { // 使用正则表达式提取URL参数 const paramsString = url.split('?')[1]; if (!paramsString) { re
阅读全文
posted @ 2024-06-16 13:16
摘要：vue3版本 ^3.2.45 [ref].value.$el.getBoundingClientRect().top 通过ref获取元素。 使用 getBoundingClientRect().top 获取离顶部的距离 Vue无法读取HTMLCollection列表的length问题解决方案 实践项
阅读全文
posted @ 2024-06-11 08:25
摘要：vue@click传入当前对象 <van-button @click="add(item,$event)">添加</van-button> 方法示例 add(obj,e){ // e.currentTarget.style.display='none'; e.currentTarget.nextEl
阅读全文
posted @ 2024-06-07 14:35
摘要：如果你的vue项目在进行npm run build打包的时候遇到"Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory"的错误提示，这通常是由于内存不足导致的。尝试了好几
阅读全文
posted @ 2024-05-23 14:40
摘要：当增加以下代码，导致项目报错，提示要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
浙公网安备 33010602011771号