问题toref vue3 vue
Vue笔记
1. 邂逅Vuejs 1.1 简单认识一下Vuejs Vue是一个渐进式的框架，什么是渐进式呢？ 渐进式意味着你可以将Vue作为应用的一部分嵌入其中，带来更丰富的交互体验 或者你希望将更多的业务逻辑使用Vue实现，那么Vue核心库以及其生态系统。 比如Core+Vue-router-Vuex，也可以 ......
JSON.parse意外失败的问题（传入内容在校验网站上检查无误）（传入内容来自CryptoJS.AES.decrypt解码）
背景：由CryptoJS.AES.decrypt解码来的数据并进行toString(CryptoJS.enc.Utf8)之后，无法使用JSON.parse转换成json数据，但是使用在线校验工具认为格式正确。 可能是由于解码后的字符串包含了一些特殊字符或者不可见字符，导致JSON.parse方法无法 ......
Vue启用报错 RangeError: Invalid typed array length: -4095
近期开发的前端项目项目启用失败，记录下修复过程 RangeError: Invalid typed array length: -4095 错误原因：node版本问题，安装10.x.x 即可 重新安装： 1.将原来的nvm,node卸载 2.安装nvm 如果显示上面内容即安装成功 3. 在nvm上安 ......
问ChatGPT玄学问题，看来命理师还是不会被取代的
本来命理师就不是纯粹根据时间来判断的，许多时候得结合当事人的情况来判断具体问题。 这种回答基本上无用，父母宫和其他宫位的关系当然要考虑。八字和紫微的信息大部分情况下是一致的。 ......
如何配置jsconfig.json文件解决VSCode中无法识别@别名引用的问题
在现代web开发中，使用别名来引用模块已经成为了一个非常常见的做法。这样可以使得代码更加易读、易维护。然而，在使用VSCode进行开发时，如果不正确地配置jsconfig.json文件，就会遇到一些问题。 其中一个比较常见的问题是，在使用“@”符号来引用模块时，无法通过Ctrl + 点击来跳转到相应 ......
vue全局公共方法调用
1.在assets文件夹下，新建文件夹，创建common.js 2.在main.js中引用 import common from "@/assets/common/common.js"; Vue.prototype.common = common; 3.在页面中使用 this.common.iCel ......
vue3 封装组件中使用 pinia 报错
报错信息： Uncaught Error: [🍍]: getActivePinia was called with no active Pinia. Did you forget to install pinia? const pinia = createPinia() app.use(pinia ......
vue+leaflet绘制街道地图，并在上面显示站点标记。
从0开始。 记录一下完成过程中遇到的问题及解决方法 1、离线显示地图 已完成。 方案就是下载瓦片地图到本地或者服务器上，使用路径访问图片/map/{z}/{x}/{y}/tile.png 2、在地图上显示标记。（单一标记，且默认打开提示框） const icon = L.icon({ iconUrl ......
vue实现路由懒加载（异步加载）及组件懒加载（异步加载）的方式
##转自：槐序之夏： https://blog.csdn.net/qq_42403643/article/details/129264032 一、为什么要使用路由懒加载 为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问题。 二、定义 懒加载简单来说就是延迟加载或按需加载，即在需要的时候的 ......
COMP326问题解答
COMP326 Assignment 2 (15% of the final mark)Due 18th April 2023Please submit your solutions electronically (in PDF format) on CanvasPlease be aware of ......
关于vue2老项目的打包优化，实现首屏加载速度提升
##分析项目代码体积 yarn add webpack-bundle-analyzer 在webpack.dev.conf.js中配置 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlug ......
最小化项目管理流程，并解决当前遇到的问题
最小化项目管理流程，并解决当前遇到的问题。 实时更新成果清单和进度 为了解决实时更新成果清单和进度的问题，建议您使用一些项目管理工具，如Trello、Asana、JIRA等。这些工具可以帮助您协同更新和跟踪成果清单，同时监测项目的进度和状态。您可以将任务分配给不同的团队成员，并实时跟踪他们的进度，以 ......
ubuntu因为升级自动更新内核而重启无法进入图形界面问题解决
ubuntu因为升级自动更新内核而重启无法进入图形界面问题解决。 我使用的ubuntu版本是22.04LTS。经常因为系统更新软件而自动更新内核，又因为我的PC上安装了NVIDIA的显卡，这个卡对应的驱动是 NVIDIA-Linux-x86_64-525.89.02.run。这个驱动要从官网上下载安 ......
Vue中$attrs、$listeners的用法总结
用法如下： 1、v-on="$listeners" 父组件A，子组件B，孙组件C。C组件中emit事件后，在B中可以直接使用v-on="$listeners"接收，此时可以在A组件中的B上直接使用C中emit出来的事件。 2、v-bind="$attrs"父组件A，子组件B，孙组件C。A上设置值，若 ......
docker权限问题
Got permission denied while trying to connect to the Docker daemon socket 把普通用户加入到docker组中 组docker在安装docker的时候，就已经添加了，所以只需要执行两个操作即可： sudo gpasswd -a $ ......
Vue3中无法为el-tree-select设置反选问题分析
环境：Vue3.2、Element Plus
问题：子组件 setting.vue => 弹窗组件 Dialog => 树选择组件el-tree-select ，无法设置默认选中项 default-checked-keys
场景：在一个后台系统的列表页，选中一行数据，点击设置按钮，分配一些功能。这里... ......
关于firefox，在win10下，大部分视频网站都无法正常播放的问题
1、目前日期：2023-4-10 2、firefox版本：111.0.1 (64 位) 3、win10版本：Windows 10 专业版 22H2 4、尝试过网上大部分的方法，包括但不限于，firefox排障模式，翻新、彻底重装浏览器 5、系统刚启动的很短的时间内，马上打开firefox浏览器，是能 ......
安装后报错：'vue' 不是内部或外部命令
安装vue脚手架碰到一个坑; 1.首先在cmd命令下安装脚手架； npm install -g @vue/cli 2.安装后报错：'vue' 不是内部或外部命令，也不是可运行的程序 或批处理文件。 3.进行环境变量的安装： 【1】找到 vue.cmd 文件所在的文件夹位置，并配置环境变量； 【2】配 ......
项目现状问题解决方案
成果清单的实时统计：可以通过使用在线协作平台或者项目管理软件来实现成果清单的实时更新与统计。这些工具可以帮助团队成员在同一个平台上实时记录产出和进度，并且可以通过图表和报表等形式呈现出来，方便团队和领导进行跟踪和管理。 问题登记的规范化：可以建立一个问题登记和解决的流程，明确责任人和时间节点，对问题 ......
vue3中的自定义指令
1.适用到自定义指令的场景 防抖、图片懒加载、一键 Copy的功能、拖拽、页面水印、权限校验、输入框自动聚焦、相对时间转换、下拉菜单 2.个人需求：在后台系统中，有很多表单提交组件，其中很多限制数字且限制条件不同。最初使用 oninput="value=value.replace(/[^\d]/g, ......
vue3 高德地图弹窗选址功能
import { defineComponent, h } from 'vue'; import AMapLoader from '@amap/amap-jsapi-loader'; import { Input, AutoComplete, Modal, message } from 'ant-d ......
Redis性能问题诊断以及scan命令耗时分析
Redis性能问题诊断以及scan命令耗时分析 摘要 最近公司有项目反馈卡顿. 卡顿一小时后自己被拉入群聊. 同事已经基本上定位到问题原因. 我这边想使用朴素的性能观点进行一下性能问题的拆解 为了提高自己. 用到的一些脚本 echo "info" |redis-cli -p 6379 -a Your ......
nginx更新静态页面客户端缓存不刷新问题
问题描述： 频繁部署静态资源，nginx自带缓存未刷新 通过ftp/sftp上传到nginx的静态页（尤其是打包好的单页应用），有可能遇到客户端缓存不刷新的问题，即使重启nginx都无效 客户端浏览器也有缓存，一般关闭进程（手机清理，注意某些app光按返回键退回桌面是不会结束进程的），强制刷新网页等 ......
vscode保存时自动ESLint格式化(vue)
一、安装eslint 二、vscode全局配置 2.1 打开设置 2.2 打开 settings.json 2.3 在settings.json中添加eslint配置 { "code-runner.runInTerminal": true, "eslint.format.enable": true, ......
解决-从Windows系统上直接拖拽含有中文名的文件到linux服务器发生的文件乱码问题
最近需求紧急，需要手动上传一批图片到Linux服务器上，这些图片名称含有中文，使用Xftp拖拉进去之后，在Xftp上显示正常的中文名，但是在命令行查看是却是乱码，因此通过 "路径/xxx.jpg" 是无法访问到的。在网络查找后发现原因是在 windows 和 linux系统对中文编码的格式不同而导致 ......
vue 阻止向上和向下冒泡
1、阻止向下冒泡<div @click.self="cancelFunc"></div> 2、阻止向上冒泡<div @click.stop="cancelFunc"></div> ......
mysql深度分页问题
深度分页的产生： 当一个有类似语句 select * from t1 limit startIndex,pageSize，如果这个startIndex只非常大即要检索50条数据需要偏移一个较大的偏移量，极大的消耗性能。 优化方式： 1、业务层面：在前端展示分页选择器，只能逐页翻，增加业务操作的工作量 ......
VUE怎么实现web端上传超大文件
IE的自带下载功能中没有断点续传功能，要实现断点续传功能，需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag 客户端每次提交下载请求时，服务端都要添加这两个响应头，以保证客户端和服务端将此下载识别为可以断点续传的下载： Accept-R ......
用 Go 剑指 Offer 40. 最小的k个数 （Top K 问题）
输入整数数组 arr ，找出其中最小的 k 个数。例如，输入4、5、1、6、2、7、3、8这8个数字，则最小的4个数字是1、2、3、4。 示例 1： 输入：arr = [3,2,1], k = 2输出：[1,2] 或者 [2,1]示例 2： 输入：arr = [0,1,2,1], k = 1输出：[ ......