should error vue3 line

用quasar+vue3+组合式api VueRouter实现路由嵌套(二级路由)

前言: 本项目使用的是quasar创建,vue3的组合式api语法。部分语法不同,但不影响理解,修改语法后可以在vue2/选项式api项目中运行。 效果图: 文件目录结构和代码如下: 文中用到的标题栏数据如下: const titles = ref([ { name: "首页", path: "ho ......
路由 VueRouter quasar vue3 api

Vue3中点击按钮滚动页面到低端

核心代码 <template> <div ref="editflagNode"></div> <div v-if="route.query.flag '1' || route.query.flag '3'"> <Title v-if="btnFlag || taskDetail.taskConclu ......
低端 按钮 页面 Vue3 Vue

Google SRE 定义了四个需要监控 延迟(Latency),流量(Traffic),错误(Errors)和饱和度(Saturation)

Google SRE 定义了四个需要监控的关键指标。延迟(Latency),流量(Traffic),错误(Errors)和饱和度(Saturation)。 正如google sre 所讨论的,如果您只能衡量服务的四个指标,请关注这四个指标。 延迟 Latency 延迟是服务处理传入请求和发送响应所用 ......
饱和度 Saturation 流量 错误 Latency

vue2+jsx与vue3+jsx插槽的写法

1.vue2 + jsx (1)slot组件 <template> <div class="index"> <h2>slotdemo -- 组件调用成功</h2> <slot name="title"></slot> <slot></slot> </div> </template> (2)调用 <s ......
写法 vue jsx vue2 vue3

mssql server 2012数据库 jdk8 + springboot 项目 报错:SQL Server (SSL) encryption. Error: "The server selected protocol version TLS10 is not accepted by client preferences [TLS12]". ClientConnectionId

2023-04-13 11:01:39.727 [main] INFO com.alibaba.druid.pool.DruidDataSource:1003 - {dataSource-3,slave_2} inited 2023-04-13 11:01:39.846 [Druid-Connect ......

vite写jsx语法报错: [vite] Internal server error: Failed to parse source for import analysis because the content contains invalid JS syntax. If you use tsconfig.json, make sure to not set jsx to preserve.

1.安装vite的jsx包 npm i @vitejs/plugin-vue-jsx --save 2.安装所有依赖 npm i 3.在vite.config.ts中配置 import { defineConfig } from 'vite'; import vue from '@vitejs/pl ......
vite 语法 jsx Internal analysis

[Java EE]SpringBoot/Tomcat之启动时报"Error: Could not find or load main class CLASS xxxx"、"no main manifest attribute"异常

环境信息如下: OS: CENTOS 7 Tomcat : 9.0.46 SpringBoot: 2.3.12.RELASE Build JDK: 1.8.0_261 Runetime JDK : openjdk 1.8.0_362 1 “Error: Could not find or load ......
quot main SpringBoot attribute manifest

how to use Vim delete one line All In One

how to use Vim delete one line All In One 在正常模式下(非编辑模式 i),光标选中所在行, 连续按两下d键,即可删除一整行 ✅ ......
delete line how Vim All

abc248_e K-colinear Line 题解

K-colinear Line 题意 平面直角坐标系上给出 $n$ 个点,第 $i$ 个点的坐标为 $(x_i, y_i)$。 请求出平面上有多少条直线穿过 $n$ 个点中的至少 $k$ 个点。如果有无数条这样的直线,输出 Infinity。 数据范围 $1 \leqslant K \leqslan ......
题解 K-colinear colinear Line abc

GnuTLS recv error (-110): The TLS connection was non-properly terminated问题的解决方案

1. sudo apt-get update 2. sudo apt-get install build-essential fakeroot dpkg-dev 3. sudo apt-get build-dep git 4. mkdir ~/git-openssl 5. cd ~/git-open ......

MSBUILD : error MSB3428: Could not load the Visual C++ component "VCBuild.exe".

完整报错信息: MSBUILD : error MSB3428: Could not load the Visual C++ component "VCBuild.exe". To fix this, 1) install the .NET Framework 2.0 SDK, 2) install ......
quot component MSBUILD VCBuild Visual

Kali Linux: Configuring Static IP in command line

sudo vim /etc/network/interfaces #Static IP addressauto wlan0iface eth0 inet staticaddress 10.10.1.10netmask 255.255.255.0gateway 10.10.1.1 Here wlan0 ......
Configuring command Static Linux Kali

Vue3为dom组件增加 自定义可拖拽改变大小的指令(属性)

添加如下js文件resizable.js: 1 // 支持上下左右四边拖动。若内部元素太贴边,不易触发拖动事件,最好在拖动一边加边框,使鼠标容易选中。 2 // 使用方式: 3 // <div v-resizable="'right, bottom'"> 4 export default { 5 i ......
指令 组件 属性 大小 Vue3

Can not construct instance of com.hm.drgs.platform.common.dto.data.group.DrgsRecordGroupResultDto, problem: Should never call 'set' on setterless property

报错全部信息: JSON parse error: Can not construct instance of com.hm.drgs.platform.common.dto.data.group.DrgsRecordGroupResultDto, problem: Should never cal ......

基于vue3+ts+vite的项目使用‘unplugin-auto-import/vite’插件,自动全局导入api的注意事项

​ 1.首先安装插件 npm install unplugin-auto-import @vitejs/plugin-vue -D 2.安装完成后在vite.congfig.ts中配置,红色部分就是关于插件的基础自动导入部分,这样就可以将vue和router的相关api全局导入了, import A ......

WSL启动报错WslRegisterDistribution failed with error: 0x8007019e

Installing, this may take a few minutes... WslRegisterDistribution failed with error: 0x8007019e The Windows Subsystem for Linux optional component is ......

Vue3中的Component之间的消息传递

Vue3中的父子之间的消息传递可以通过Emit进行消息传递.详细参见Vue3的官方文档Event的说明https://vuejs.org/guide/components/events.html#declaring-emitted-events 官网中的文档读起来稍微有点费解,这里阐述一下,其实就是 ......
Component 之间 消息 Vue3 Vue

Vue3+element-plus封装文字超出一行,省略号显示,鼠标悬浮展示全部

1.组件封装 <template> <el-tooltip effect="dark" :disabled="isShowTooltip" :content="content" placement="top"> <p :class="['line1', className]" @mouseover= ......
省略号 element-plus 一行 鼠标 element

platformio+esp32 编译时下载PACKAGES错误 Tool Manager ERROR

如图,read time out Tool Manegerl:Looking for another mirror..... 编译时一共需要三个PACKAGE framwork-arduioespressif32 @ 3.20004.0(2.04) tool-esptoolpy @ 1.30300. ......
platformio PACKAGES 错误 Manager ERROR

Vue3+Vite 动态修改svg图片颜色

首先需要以组件形式使用svg,请先看这篇文章:vite中加载使用svg 可能是跟原博主使用的svg格式不同,用:style="{ color: color }"修改颜色不生效,因此做了一点修改,此修改适用的svg如下: 在iconfont官网收藏下载的svg格式图标,打开文件删除其中的fill=xx ......
颜色 动态 图片 Vue3 Vite

uni-app vue2升级vue3过程中遇到的问题总结

首先是在升级的过程中,项目跑不起来,相关的问题不贴图了,解决办法简单粗暴,就是卸载,重装最新版Hbuilder X。可以解决一大部分问题。 再次,会出现如下报错: 是因为我在main.js中app.use 的问题,直接注释。然后发现还有如下问题: 排查了好久才发现,是因为写在app.vue中的检测小 ......
vue 过程 uni-app 问题 vue2

springcloud gateway根据服务名称进行路由失败There was an unexpected error (type=Service Unavailable, status=503)

出现错误,如下图: 解决办法: 检查自己的yaml文件: server: port: 88 spring: application: name: applicationName cloud: nacos: discovery: server-addr: 127.0.0.1:8848 gateway: ......

git clone 错误 error: RPC failed; curl 28 OpenSSL SSL_read

错误 截图 解决方法:使git忽略ssl证书错误。git clone git push 都会报错 针对所有远程服务器全局执行,使git忽略ssl证书错误(把忽略证书错误的设置限定在特定的仓库) git config --global http.sslVerify "false" 再次 git clo ......
SSL_read 错误 OpenSSL failed clone

初学Flink上传jar包出现报错Internal server error.---No data for required key 'port'

查看Job Manager里面的日志 发现错误,java.lang.RuntimeException: No data for required key 'port' 解决方法; 方法一:在Program Argument里添加主机名和端口号,该方法适合动态获取host和port的情况。 方法二:直 ......
Internal required server Flink error

Cause: java.sql.SQLException: Error setting driver on UnpooledDataSource. Cause: java.lang.ClassNot

(1)一开始的时候看到 Cause: java.sql.SQLException: 觉得是sql语句写错了,经过检查sql并没有错误 (2)再次看了下报错,后面还有半句话 Error setting driver on UnpooledDataSource.Cause: java.lang.Clas ......

Vue3快速上手

Vue3快速上手 1.Vue3简介 2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王) 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址:https://github.com/vuejs/vue-next/re ......
Vue3 Vue

C++-Error:invalid new-expression of abstract class type

#C++-Error:invalid new-expression of abstract class type C++工程,使用new操作符,new一个抽象类对象时编译报错如下: Error:invalid new-expression of abstract class type XXX 原因 ......

在win10下用pyinstaller 包成.exe win7运行报错error loading Python DLL

在win10下运行一切正常,复制到win7电脑运行,直接报错,有两个错误,一个是缺少xxxxx.dll 一个是error loading Python DLL ...... 正常思路以为是缺少dll,按照提示名称下载dll放到系统目录,没啥用。最后搜索一大堆论坛,找到如下思路: 原因为win7系统中 ......
pyinstaller win loading Python error

php的TP框架保存数据报错: SQLSTATE[HY000]: General error: 1366 Incorrect string value: '\xF0\x9F\x90\xA3\xF0\x9F...' for column

这一般情况就是保存表情字符导致的字符长度问题 原因可能: (需要改字符集为 utf8mb4 排序规则为 utf8mb4_general_ci) 1. 数据表字段不是utf8mb4 2.项目目录下文件 .env 里配置 mysql CHARSET = utf8 需要该为 CHARSET = utf8m ......
Incorrect xF0 x9F 框架 SQLSTATE

Magic Line (牛客多校) (贪心,构造)

题目大意:在平面直角坐标系中有偶数个点,求两个点使这两个点的连线两边点的数量相同且不经过任何一个点 点的坐标都为整数,且绝对值不大于1000 思路: 我们先对点按横坐标排序,找到中间的两个点,如果这两个点横坐标不同,可以在两点之间找一条平行于y轴的直线 如果相同的,因为点的纵坐标不大于1000,所以 ......
Magic Line