should error vue3 line

VIte+Vue3 打包在本地 双击 index.html 打开项目

npm i @vitejs/plugin-legacy npm i @babel/preset-env npm i terser import legacy from '@vitejs/plugin-legacy'; export default defineConfig({ base:"./", ......
项目 index VIte Vue3 html

vue3中关于pinia及其持久化插件的使用

pinia是一个vue中的插件,功能是一个仓库,用来存放数据。当我们的数据在多个组件中都需要用到的时候,如果一个个向后端获取就会很麻烦。数据获取一次存放在pinia仓库中,用起来就会非常方便还减轻服务器压力。pinia官网:https://pinia.vuejs.org/zh/ ,也可以在vue的生 ......
插件 pinia vue3 vue

问题:vue3 使用 vite 构建的项目打包后无法打开index.html文件,或者显示一片空白

一、问题描述 项目build之后,点击dist文件中的index.html文件,打开是空白,提示以下信息。 二、产生原因及解决方法 1.文件路径不对 vite默认根目录"/",file://…访问需要基于index.html的路径,需要再vit.config.js中进行以下配置 2.跨域问题 vit ......
空白 文件 项目 问题 index

vue3实现前端导出Excel,默认与自定义表头中文名

参考:https://blog.csdn.net/weixin_46112225/article/details/125302036 一、依赖安装 package.json文件中(版本号其实应该可以不限制,用最新的是OK的) "dependencies": { ... "xlsx": "^0.16. ......
表头 中文名 前端 Excel vue3

Vue3 模版常用语法

一、背景 二、实现 仅支持表达式 {{ ok ? 'YES' : 'NO' }} {{ message.split('').reverse().join('') }} {{ author.books.length > 0 ? 'Yes' : 'No' }} <div :id="`list-${id} ......
模版 语法 常用 Vue3 Vue

Vue3 computed 计算属性函数使用

Vue3 computed 计算属性函数使用 computed函数在vue2中我们都了解过,当我们需要一个值,这个值随着其他值变化而变化,我们就将其放进computed中,computed是用来定义计算属性的。 1. 基本使用:只读 <template> <div> <div>计算属性</div> ......
函数 computed 属性 Vue3 Vue

Vue3 子组件修改父组件传过来的值

Vue3 子组件修改父组件传过来的值 1、在父组件中,找到引用的子组件,在引用中加入v-model 例如:子组件是demo,需要穿的值为num 这个有个温馨提示,(v-model +冒号+需要穿的值)这个v-model可以写多个 <demo v-model:num="num"></demo> //例 ......
组件 Vue3 Vue

NLTK debug记录——"[nltk_data] Error loading xxx"下载数据集失败

问题:运行nltk.download("xxx")时遇到连接下载失败Error解决: 在gitee上下载对应的.zip词库包(如,nltk_data/pakages/copora/目录下的下载链接); NLTK下载数据集时会自动搜索某些以./nltk_data/为结尾的目录(见附注),找到一个这样的 ......
quot nltk_data loading 数据 Error

动态库加载失败:error while loading shared libraries: xxx.so: cannot open shared object file: No such file o

ldd main | grep not 由0.1 动态库的工作原理可知,只要把动态库libcalc.so的绝对路径添加到动态载入器ld-linux.so的搜索路径中,那么动态载入器就可以获取到动态库libcalc.so的绝对路径,接着就可以找到动态库文件libcalc.so,将动态库文件载入内存,然 ......
shared file libraries loading 动态

vue3项目创建

1. 确保npm指令能够运行 - 官网下载nodejs Download | Node.js (nodejs.org) 安装完成后重启intellij 2. 终端输入 npm install -g create-vue 3. 终端输入 create-vue 新建vue项目 根据需要设置功能, 例: ......
项目 vue3 vue

[ERROR FileContent--proc-sys-net-bridge-bridge-nf-call-iptables]: /proc/sys/net/bridge/bridge-nf-cal

永久解决方法: 在/etc/sysctl.conf中添加: net.bridge.bridge-nf-call-ip6tables = 1 net.bridge.bridge-nf-call-iptables = 1 执行sysctl -p 时刷新 sysctl -p 如果出现 缺少文件的现象 sy ......

[ERROR KubeletVersion]: the kubelet version is higher than the control plane version.

kubeadm、kubelet、kubectl 一起安装时,由于疏忽写成kubelet-1.27.3.0,结果版本变成kubelet-1.28了,导致报标题中的错误 安装指定版本 yum -y install kubeadm-1.27.3-0 kubelet-1.27.3-0 kubectl-1.2 ......
version KubeletVersion the kubelet control

eslint提示 xxx should be listed in the project's dependencies

有时候手动安装了一个npm包A,npm包A里面包含了npm包B,这时候如果 import xxx from 'npm包B'; eslint会报错,提示 npm包B 不在 package.json 里面 解决方法:在 eslintrc.js 增加配置 module.exports = { rules: ......
dependencies project eslint should listed

vue3 watch 用法

<script setup> import { ref,computed,watch } from 'vue' const num = ref(1) const name = ref('ming') const obj = ref({name:'小明',age:30}) //watch 简单类型 / ......
watch vue3 vue

vue3 elementplus table表格内添加checkbox和行号

1.仅添加复选框 <el-table-column type="selection" width="55"></el-table-column> 2.添加复选框和文字行号在一列 <el-table-column> <template #header> <el-checkbox v-model="se ......
elementplus 表格 checkbox table vue3

vue3 动态加载组件

<el-dropdown style="margin: 0px"> <el-button type="primary"> 视图 </el-button> <template #dropdown> <el-dropdown-menu> <el-dropdown-item v-for="dropItem ......
组件 动态 vue3 vue

python时间监测工具line_profiler

时间监测工具line_profiler 目录时间监测工具line_profiler安装部分注释使用方法同时显示内部函数参考资料 ine_profiler是Python的一个第三方库,其功能时基于函数的逐行代码分析工具。通过该库,可以对目标函数允许分析多个函数)进行时间消耗分析,便于代码调优。 安装 ......
line_profiler profiler 时间 工具 python

记录--vue3实现excel文件预览和打印

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 在前端开发中,有时候一些业务场景中,我们有需求要去实现excel的预览和打印功能,本文在vue3中如何实现Excel文件的预览和打印。 预览excel 关于实现excel文档在线预览的做法,一种方式是通过讲文档里的数据处理成html ......
文件 excel vue3 vue

Error Bootstrap's JavaScript requires jQuery 的解决办法

出现报错:Uncaught Error: Bootstrap’s JavaScript requires jQuery 原因: 在 HTML文档中,一般首先加载 jQuery 的 JavaScript 文件,然后再加载 Bootstrap 的 JavaScript 文件。 如果这两个文件的加载顺序颠 ......
JavaScript Bootstrap requires 办法 jQuery

vue3 watch 多个值

1 watch([() => baTable.form.items!.userType, () => baTable.form.items!.totalUsage, () => baTable.form.items!.payCurr], (newValue, oldValue) => { 2 // ......
多个 watch vue3 vue

vue3 和 element-plus 实现指定单元格编辑

思路 1.获取到指定单元格的位置 2.通过状态来判断 是否展示编辑 步骤 1.定义变量去确定行和列 let tableRowEditId = ref(null), // 控制可编辑的每一行 let tableColumnEditIndex = ref(null), //控制可编辑的每一列 2.在el ......
element-plus 单元 element vue3 plus

vue3|知识点

双向绑定Proxy proxy只支持对象 ref创建的数据是空对象,绑定在其value属性上。 监听属性 监听对象 watch(msg,func(new,old)) 监听对象的属性 watch(()=>msg.name,func) watchEffect(func) 自动监听已经引用的值 ......
知识点 知识 vue3 vue

Error: Unable to access jarfile ./sbt-launch.jar问题的解决

问题描述 在配置好sbt之后,尝试运行一下./sbt sbtVersion这个命令; 却突然出现上面那种情况; 问题解决 重新查看相关教程,发现我漏掉一个步骤,一定要将sbt的bin目录下的sbt-launch.jar复制到 sbt的安装目录下,不然就会找不到这个jar包而出错; 命令(在sbt的安 ......
sbt-launch jarfile Unable access launch

Go - Print struct with one filed in one line

package main import ( "encoding/json" "fmt" ) type Person struct { Name string Age int Email string } func main() { p := Person{ Name: "Drake", Age: 3 ......
one struct Print filed line

记录--vue3 + mark.js | 实现文字标注功能

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 页面效果 具体实现 新增 1、监听鼠标抬起事件,通过window.getSelection()方法获取鼠标用户选择的文本范围或光标的当前位置。 2、通过 选中的文字长度是否大于0或window.getSelection().isColla ......
文字 功能 vue3 mark vue

学习笔记429—装双系统出现错误【Invalid signuature detected. If this error persists. seek technical assistance】

装双系统出现错误:Invalid signuature detected. If this error persists. seek technical assistance 1)出现Invalid Signature detected Check Secure Boot Policy错误,是因为b ......

Failed to start discovery: org.bluez.Error.InProgress

# bluetoothctl scan on Failed to start discovery: org.bluez.Error.InProgress 问题背景: blueZ版本: # bluetoothd --version 5.52 kernel版本:4.4.13 Bluetooth chip ......
InProgress discovery Failed Error start

启动Nginx报错:error while loading shared libraries: libpcre.so.0: cannot open shared object file

1.现象: 输入:/usr/local/nginx/sbin/nginx 报错:/usr/local/nginx/sbin/nginx: error while loading shared libraries: libprofiler.so.0: cannot open shared object ......
shared libraries loading libpcre cannot

vue3 计算属性的使用

<script setup> import { ref,computed } from 'vue' const msg = ref(1) const clickMsg = () =>{ msg.value++; console.log('+++')} const clickMsgjj = () => ......
属性 vue3 vue

Vue.js框架:vue3版本父子组件之间的传值和事件触发

一、子组件 使用vue3官方提供的setup语法糖中给出的defineEmits、defineProps来定义父子间的传参值和关联方法(useContext在3.2版本之后已去除)。 <script setup lang="ts"> import { defineProps, defineEmits ......
父子 组件 框架 之间 版本