问题toref vue3 vue

记录-VUE中常用的4种高级方法

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 1. provide/inject provide/inject 是 Vue.js 中用于跨组件传递数据的一种高级技术,它可以将数据注入到一个组件中,然后让它的所有子孙组件都可以访问到这个数据。通常情况下,我们在父组件中使用 provid ......
常用 方法 VUE

vue-router

安装 vue-router是一个vue的插件,用来实现前端的路由, 推荐使用 pnpm add vue-router@4 进行安装。推荐配合vue3组合式api使用 基础 从一个例子开始 <!-- App.vue文件 --> <div id="app"> <h1>Hello App!</h1> <p ......
vue-router router vue

【Redis】-使用Lua脚本解决多线程下的超卖问题以及为什么?

一.多线程下引起的超卖问题呈现1.1.我先初始化库存数量为1、订单数量为0 1.2.开启3个线程去执行业务 业务为:判断如果说库存数量大于0,则库存减1,订单数量加1 结果为:库存为-2,订单数量为3 原因:如下图所示,这是因为分别有6个指令(3个库存减1指令,3个订单数量加1指令)在redis服务 ......
线程 脚本 问题 Redis Lua

vue配置请求本地接口

proxy: { '/nrms': { target: 'http://localhost:8921/', changeOrigin: true, ws: true, pathRewrite: { '^/nrms': '/' } }, '/': { target: 'http://192.168.3 ......
接口 vue

vue编码一个简单的组件

###基于上一篇博客,现在我来学一下,如何根据vue编写一个简单的组件 ##第一步:导入vue.js模板 ##第二步:代码编写,定义一个Vue组件component ##第三步:还是需要id填写app调用这个script zujianmingcheng == 组件名称 (自定义的) 全部代码演示 < ......
组件 编码 vue

接口幂等性问题

为了保持 RESTful API 接口的幂等性,可以采用加锁机制。加锁会限制同时对资源进行修改的请求,以确保在同一时刻只有一个请求可以对资源进行更改,从而避免出现冲突。 下面是 Java 中基于锁的实现方式: import java.util.concurrent.locks.Lock; impor ......
接口 问题

关于SpringBoot中一个impl调用出现空指针的问题

记录一点简单的小问题 从一个AserviceImpl中调用另一个BserviceImpl的B()方法,方法中对应mapper接口调用了一个方法BMapper.method()时,报错空指针问题。 将BserviceImpl进行实例化时,没有通过SpringBoot管理,导致对BMapper这个bea ......
指针 SpringBoot 问题 impl

Vue2的生命周期

Vue2.的生命周期 1、生命周期图 2、生命周期流程 上图中,红色框部分就是生命周期钩子函数,在我们开发中会经常使用到这些钩子: 2.1、初始化流程 beforeCreate钩子函数 英文意思是”将要创建“,在vue实例创建之前会触发。 既然实例没有创建,那么就不存在实例,因此data中的数据,m ......
周期 生命 Vue2 Vue

关于 “无法启动此程序,因为计算机中丢失mfc140.dll,尝试重新安装该程序已解决此问题”故障排除记录

这个问题花了很久的时间百度,后来终于理解了dll文件的作用。 VC运行库有必要下吗?VC++运行库有什么用? vc运行库里面包含的dll和ocx文件可以确保很多软件能够正常运行,因为有很多软件是用VC++语言编写的,那么在运行的时候也需要相应的运行库支持,下面系统之家小编来详细介绍一下VC++运行库 ......
程序 故障 计算机 问题 mfc

vite vue3 EsLint配置

1、安装ESLint npm i -D eslint 2、初始化配置EsLint npx eslint --init 2-1、选择模式 2-2、选择语言模块 2-3、选择语言框架 2-4、是否使用ts 2-5、代码在哪里运行 2-6、选择一个风格 2-7、你想遵循哪一种风格指南 2-8、希望配置文件 ......
EsLint vite vue3 vue

vue笔记

##在这里我写一下笔记 记录一下以后自己经常需要的代码 v-bind:title="xxx" 鼠标悬停几秒查看此处动态绑定信息 eg.举个例子 <div id="app"> <span v-bind:title="message"> 鼠标悬停几秒查看此处动态绑定信息 </span> </div> < ......
笔记 vue

laravel-permission 缓存导致的Redis带宽占用问题

先决条件 spatie/laravel-permission: 3.18.0 权限数: 634 角色数: 94 问题 laravel-permission 的缓存机制设计的不太合理 将所有的权限存放在一个大set中,且存放了许多不必要的信息。 当项目拥有大量的角色权限,使得这个set达到了11mb, ......

ajax请求中遇到的一次问题,async,js返回值赋予失败

`/** 方式:(1)同步调用 (2)在ajax函数体里面return值 结果:返回 1。未成功获取返回值 失败原因:ajax内部是一个或多个定义的函数,ajax中return返回值, 返回到ajax定义函数,而不是返回到ajax外层的函数checkAccount1() / function che ......
问题 async ajax

Mac M系列芯片 vue前端node-sass兼容问题解决

0、由于M系列芯片是arm架构,在使用brew安装node时都是arm的node,但是node-sass@4.14.1版本中不支持arm架构的出现如下报错: Error: Node Sass does not yet support your current environment: OS X Un ......
前端 node-sass 芯片 问题 node

vue v-bind与v-model的区别

1.v-bind是单向绑定,用来绑定数据和属性以及表达式,数据只能从data流向页面;v-model是双向绑定,数据能从data流向页面,也能从页面流向data。 2.v-bind可以给任何属性赋值,v-model只能给表单类,也就是具有value属性的元素进行数据双向绑定,如input、text、 ......
v-model v-bind model bind vue

vue思考与element-ui的代码基础

#说一下我对vue的理解 在我看来vue就是对变量定义,之后把变量返回回去 再由主题部分调用返回的函数,可以直接用调用的关键字 而这个和CSS有一点相像 与element-ui <div id="app"> <!--在这放emement-ui官方给的代码--> </div> <script scr= ......
element-ui element 代码 基础 vue

SpringBoot 自动扫描第三方包及spring.factories失效的问题

为什么会找不到 Spring 依赖注入 就是要让spring找到要注入的类 并且识别到了 @Component、@Service 等注解。 1. 当在开发的第三方包里写明了 @Component、@Service 等等 2. 引入了包,不论第三方库的引入,还是本地jar。总之是要引入到工程的 这时候 ......
第三方 SpringBoot factories spring 问题

与chatGPT谈TyptScript接口问题

与chatGPT谈TyptScript接口问题 问1:能给我说说c#中的inteface 与typescript 中的inteface的不同与相同吗? 答1: C# 中的 Interface 和 TypeScript 中的 Interface 有一些相似之处,但也有一些不同之处。 相同点: Inte ......
TyptScript 接口 chatGPT 问题

vue-移动端开发-样式适配方案

样式适配 场景:一个项目中既包含了web端也包含了移动端的页面,web端的一些样式不能在移动端正常显示 解决方式: npm i postcss-px-to-viewport 项目目录下postcss.config.js module.exports = { plugins: { "postcss-p ......
样式 方案 vue

vue页面中展示markdown以及katex公式

场景 数据库中有markdown语法的字符串,需要展示为正常的页面,难点在于其中的katex数学公式 解决方式 使用showdown及其族系插件 npm i showdown npm i showdown-katex <template> <div class="msg" v-html="trans ......
公式 markdown 页面 katex vue

6-解决Tomcat服务器在DOS命令窗口中的乱码问题(控制台乱码)

1. Tomcat 乱码 Tomcat 刚启动时的样子 , 很明显乱码了 2. 解决 Tomcat 乱码 将 CATALINA_HOME/conf/logging.properties 文件中的内容修改如下: java.util.logging.ConsoleHandler.encoding = G ......
乱码 控制台 命令 服务器 Tomcat

解决iframe嵌套不同域报错问题:SecurityError: Blocked a frame with origin

Error: Failed to resolve async component default: SecurityError: Blocked a frame with origin "https://223.82.12.165:8282" from accessing a cross-origi ......
SecurityError Blocked iframe origin 问题

互斥锁 读写锁 条件变量 生产者消费者问题

# 互斥锁 /* #include <pthread.h> int pthread_mutex_init(pthread_mutex_t *restrict mutex, const pthread_mutexattr_t *restrict attr); 功能:初始化一个互斥变量mutex 参数: ......
生产者 变量 消费者 条件 问题

SLS日志查询遇到的一些问题

SLS日志查询遇到的一些问题 根据执行时间查询结果不准确的问题 原因:索引类型造成的; 解决:进入索引设置,改为double即可;注意,只对更改后的日志生效,之前的旧日志不生效; 一些常用查询语句 查询执行时间大于5秒的 * and __topic__: 访问记录日志 and operation_h ......
问题 日志 SLS

el-upload组件问题 已解决

前两天我写了一个上传下载功能 使用<el-upload>组件 当后端将文件流格式数据发送到响应里面前端屈接受的时候 ,我们使用 <el-upload> 组件里面的 :on-success 方法进行捕捉,使用blob进行文件下载 文件可以正常下载下来 但是打开文件损坏 我去网上寻找答案, 但大多都是说 ......
组件 el-upload upload 问题 el

kubectl top nodes无法获取到节点资源使用数据问题的处理(401 Unauthorized)

1、问题描述 项目同事反馈,通过kubectl top nodes命令,无法查看节点的CPU,内存的使用情况 但是,节点的状态是Ready的状态。 2、问题分析 登录到环境中,发现: 部分节点是可以获取到资源使用数据的: 说明:metrics server是没有问题的,api-server里面关于A ......
节点 Unauthorized kubectl 数据 问题

VUE常见问题,持续更新

最新接触VUE3,作为新手在使用TS语法时经常会遇到一些各种各样的问题,在些做个归纳。 1.直接引用 .json文件最报错 TS2732: Cannot find module '@/data.json'. Consider using '--resolveJsonModule' to import ......
常见问题 常见 问题 VUE

【HarmonyOS】【FAQ】HarmonyOS应用开发相关问题解答(一)

【前提简介】 本文档主要总结HarmonyOS开发过程中可能遇到的一些问题解答,主要围绕HarmonyOS展开,包括但不限于不同API版本HarmonyOS开发、UI组件、DevEco Studio、Gitee示例代码等,并将持续更新哦。 【官方FAQ】 【FAQ】HarmonyOS应用及服务开发常 ......

解决element-ui评分组件 半星展示不全的问题

//解决半星展示不全的问题 /deep/ .el-rate { display: inline-block; margin-left: 20px; &::before { display: inline-block; content: ""; width: 1px; margin-bottom: - ......
element-ui 组件 element 问题 ui

WPF项目中使用WInform版本的 ChromiumWebBrowser控件嵌套网页 解决中文输入法候选框定位问题

创建一个用户控件,后台代码: public partial class CefControl : UserControl { ChromiumWebBrowser webView = null; public CefControl() { InitializeComponent(); if (!Ce ......