问题toref vue3 vue
vue3核心概念-State
Vuex 使用单一状态树，用一个对象就包含了全部的应用层级状态。至此它便作为一个“唯一数据源 ”而存在。这也意味着，每个应用将仅仅包含一个 store 实例 在 Vue 组件中获得 Vuex 状态 import { createStore } from 'vuex' const store = cr ......
Vue聊天界面请求AzureOpenAI
Vue工程目录： <script setup> import { ref } from "vue"; import axios from "axios"; import MarkdownIt from "markdown-it"; import hljs from "highlight.js"; c ......
vue动态添加路由后刷新失效问题
当添加路由addRoutes的时候，正常点击是没问题的，但是刷新一次页面，那么动态添加的路由就会失效， 用getRoutes() 打印出来看的时候确定路由已经添加进去了，所以这个原因应该是 当你执行到addRoutes时，路由要添加进去了，但是，路由不是响应式的，从执行循序来看，地址栏快于路由的添加 ......
关于问题定位的方法定律
### 关于问题定位的方法定律 #### 定律1 最难定位的问题要么是最疑难的问题，要么是最低级的问题，这两种问题都有一个共同特征，就是让你意想不到。 举一个例子，一次代码编译不过，报函数没有定义，开始怀疑是类没有“;”结束符，然后怀疑有没有匹配的“{”，折腾了好久，最后才发现是开头的“#ifnde ......
el-table在safari浏览器表头与表格内容错位显示问题
// 兼容safari列头与td对不齐问题 .el-table__header, .el-table__body, .el-table__footer { width:100% !important; table-layout: fixed !important; }.el-table__fixed ......
IIS部署createWebHistory路由模式的Vue项目
接口使用NetCore，前端使用Vue3.+ 网站部署目录如下 - api(虚拟应用程序) - web - index.html 需要在服务器上按照URLRewrite 下载地址：https://www.iis.net/downloads/microsoft/url-rewrite 安装后在网站根目 ......
vue 适配
## vue 适配 1.amfe-flexible amfe-flexible是配置可伸缩布局方案，主要是将1rem设为viewWidth/10。 2.[postcss](https://so.csdn.net/so/search?q=postcss&spm=1001.2101.3001.7020) ......
[Vue] 使用pdf-lib和@pdf-lib/fontkit 报错 fontkit.create is not a function
描述： pdf-lib注册了@pdf-lib/fontkit后 （ pdfDoc.registerFontkit(fontkit) ），内部调用了fontkit的create方法，但是这个方法不存在。 我在控制台打印了下fontkit对象，发现fontkit包了一层default , 即 fontk ......
vue自动去掉html双引号的问题
解决vue项目打包后index.html标签属性没有双引号的问题 问题:编译发布后html中的双引号丢失 在vue.config.js 中 查看网上的写法,编译发布可以,但是本地调试执行报错 1 chainWebpack: config => { 2 config.resolve.alias 3 . ......
springboot下遇到的跨域问题
**后端跨域处理** > springboot 项目 1. 注解`@CrossOrigin` 2. 实现`WebMvcConfigurer`接口中`addCorsMappings(CorsRegistry registry)`方法 3. 配置 `CorsFilter ` 4. filter 过滤器 ......
less 使用 vue 变量
vue3 const width = '500px' div { width: v-bind(width); // 也可以用引号引起来 } ......
EasyCVR平台Ehome协议接入，设备管理中出现新增通道按钮的问题优化
EasyCVR可拓展性强、视频能力灵活、部署轻快，可支持的主流标准协议有GB28181、RTSP/Onvif、RTMP等，以及厂家私有协议与SDK接入，包括海康Ehome、海大宇等设备的SDK等，能对外分发RTSP、RTMP、FLV、HLS、WebRTC等格式的视频流。 ......
关于 Angular 应用的多语言设置问题
考虑下面这段代码： ```typescript import localeDe from '@angular/common/locales/de'; import localeJa from '@angular/common/locales/ja'; import localeZh from '@a ......
【网络】【TCP】如果 TIME_WAIT 状态持续时间过短或者没有，会有什么问题？
1 前言 这节我们来看个问题，就是 TIME_WAIT 状态持续时间过短或者没有，会有什么问题？ 或者net.ipv4.tcp_tw_reuse 参数可以快速复用处于 TIME_WAIT 状态的 TCP 连接，那为什么 Linux 默认是关闭状态呢？也就是为什么要保留这个 TIME_WAIT 状态呢 ......
前端编程开发 --- Vue3 事件处理
监听DOM事件，执行js代码 格式： v-on:click="methodName" 或 @click="methodName" 示例： 写js代码 <div id="app"> <button @click="counter += 1">增加 1</button> <p>这个按钮被点击了 {{ c ......
WPS在ArchLinux常见问题
问题简述wps在aur源上有包，直接下载安装即可，但是通过包管理器安装的wps会出现一些奇怪的问题，我遇到的有两个： wps在打开时提示缺少字体wps word不能导出pdf文档，同时wps pdf也不能打开pdf文档。解决方法1. 缺少字体警告： 此警告含义是系统中缺少相关字体，安装即可，关键是字 ......
前端Vue自定义精美商品订单星级评分组件 星级评分 爱心评分
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
Django4+Vue3全新技术实战全栈项目
第1章 课程介绍 1 节｜12分钟第2章 前端工程开发：环境搭建 5 节｜43分钟第3章 前端工程开发关联技术：webpack 构建工具 7 节｜85分钟第4章 前端工程开发关联技术：Axios 网络请求库 8 节｜42分钟第5章 前端工程开发关联技术：Vue 脚手架 4 节｜34分钟第6章 后端工 ......
vue2-生命周期-初步了解组件创建的过程
# 生命周期图示 可以参考vue官方文档给出的”生命周期图示“，进一步理解组件生命周期执行的过程： 生命周期图示：https://v2.cn.vuejs.org/v2/guide/instance.html ......
MySql —— 可重复读完全解决了幻读问题吗
参考： 小林coding: https://xiaolincoding.com/mysql/transaction/phantom.html#%E4%BB%80%E4%B9%88%E6%98%AF%E5%B9%BB%E8%AF%BB 当同一个查询在不同的时间产生不同的结果集时，事务中就会出现所谓的幻 ......
vue2-生命周期-了解生命周期和生命周期函数的概念
# 1.生命周期&生命周期函数 `生命周期`（Life Cycle）是指一个组件从`创建`->`运行`->`销毁`的整个阶段，`强调的是一个时间段`。 `生命周期函数`：是由vue框架提供的`内置函数`，会伴随者组件的生命周期，`自动按次序执行`。 ![image](https://img2023. ......
vue-router
路由 理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。 前端路由：key是路径，value是组件。 1.基本使用 1. 安装vue-router，命令：npm i vue-router 2. 应用插件：Vue.use(VueRou ......
Signal-iOS 5.9.0编译问题
1.当我们使用pod管理 pod 'SDWebImage/WebP' , 执行 pod install 时,发生报错.先看具体报错 : 截屏2020-07-06 上午11.12.15.png 2.报错产生原因是由于git clone 的地址是 https://chromium.googlesourc ......
Linux /dev/mapper/ubuntu--vg-ubuntu--lv磁盘空间不足的问题
1. 查看磁盘空间 df -h 从结果可以看到， /dev/mapper/ubuntu--vg-ubuntu--lv 使用率偏高。 2. 查看块设备挂载情况 lsblk NAME MAJ:MIN RM SIZE RO TYPE MOUNTPOINTsda 8:0 0 931.5G 0 disk├─s ......
vue3 图片懒加载
使用vue第三方库 useIntersectionObserver 创建文件 directives/index.js 导入第三方库 import { useIntersectionObserver } from '@vueuse/core' export const lazyPlugin = { i ......
图计数类问题·典
## 一、无向图定向 问题描述：给定一张 $n$ 个点，$m$ 条边的的无向图，求给每条边定向后是 DAG 的方案数，对 $998244353$ 取模。 数据范围：$1 \le n \le 20$。 设 $f_S$ 表示 $S$ 点集中的点在 DAG 上时的方案数，枚举出度为 $0$ 的点集 $T$ ......
vue和servlet 前后端分离 （复习）
# 一、vue复习 ## 1.vue的使用步骤: （1）导入vue.js （2）创建除body以外最大的div标签，给定id值 （3）创建vue对象 ```bash new Vue({ el:"#app", data:{}//定义变量 methods:{} //定义方法 ``` ## 2.vue语法 ......
springboot+vue前后端分离项目发布上线
首先呢不用多说就是买阿里云服务器，但是呢，学生免费一个月。 前端呢就是配置与后端端口 然后呢就是要打包：npm run build 把你的dist文件东西进行上传到服务器。 后端springboot呢就是要打jar包上传。 然后服务器是先去下载配置jdk，然后就是点击网站选择springboot项目 ......
Vue无感刷新当前页面
使用 Vue 选项/组合 Api provide / inject Api 地址，此方法可以实现无感刷新并且不会出现闪烁的空白。 首先在根组件 App.vue 定义这个方法 html 复制代码 <template> <div id="app"> <router-view v-if="routerAl ......