多个vue-cli版本vue
在vue中使用XLSX库实现Excel的导入导出
XLSX库是个十分强大的利用前端js处理excel文档的库，官网：https://www.sheetjs.com/ vue中安装即使用： 安装 pnpm install xlsx pnpm install xlsx-style-hzx //设置边框与格式用 使用 <div @click="expor ......
Vue学习笔记（十）：全局事件总线
之前博客中介绍了prop和调用事件的方式在父-子组件之间进行数据，这种方式在只有一层嵌套层时可以使用，但是路过存在多层嵌套，多层多个“兄弟”组件之间传递数据，就非常麻烦。对此，vue中提供了一种全局事件总线机制，数据传递是通过一个空的Vue实例作为中央事件总线，通过它来触发事件和监听事件，可以实现几... ......
Linux平台下更换GCC版本号
（1）使用sudo apt-get install gcc-xxx下载某个版本gcc，直至在终端输入（以gcc-12为例） gcc-12 -v的时候能够输出对应的信息 sudo apt-get install gcc-12 （2）进入 ubuntu系统的 /usr/bin/文件夹中，此文件夹中存放链 ......
vue el-select/el-cascader获取选中的对象label值
1.el-select获取选中对象label值 <el-form-item label="车辆配置" prop="sales_name"> <el-select v-if="!showSaleNameInput" v-model="form.sales_name" clearable ref="it ......
Vue监听路由的变化
方式一：watch监听 通过watch监听，当路由发生变化的时候执行 watch:{ $route(to,from){ console.log(to.path); } }, // 或者 watch: { $route: { handler: function(val, oldVal){ consol ......
MYSQL GROUP BY 对多个字段进行分组
在平时的开发任务中我们经常会用到MYSQL的GROUP BY分组， 用来获取数据表中以分组字段为依据的统计数据。比如有一个学生选课表，表结构如下： Table: Subject_Selection Subject Semester Attendee ITB001 1 John ITB001 1 Bo ......
vue中v-bind绑定元素属性
vue中v-bind绑定元素属性 <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>vue.js</title> </he ......
vue中的v-text指令和v-html指令区别
<html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>vue.js</title> </head> <body> <div i ......
Linux 在多个文件中搜索关键字
摘要：使用grep或者rg在当前目录下所有文件中查找关键字。 在Linux操作系统下，搜索文件中的关键字可帮助用户快速找到所需的信息，满足快速排查问题的需求。在大型系统中，文件可能被保存在多个目录中并且命名也可能不同，所以，逐个文件搜索就不现实了。小编在《Linux grep查询关键词首次或者最近一 ......
【vue2】实现css动效逐个顺序展示的效果（简陋版）
效果（进入预约里程碑模块后，小人从第一个台阶逐个闪烁出现在当前预约等级之前的台阶并消失，最终停留在当前预约等级的台阶上）： 虽然很low但是！就是这么设计的！于是在原本静态的代码上稍加了些修改（为什么，为什么，想问天问大地） 首先是台阶部分的代码： <div :class="$style.reser ......
vue中下载excel文件4种方法，2、通过 a 标签 download 属性结合 blob 构造函数下载发送post请求和后台poi返回文件流实现下载
vue中下载excel文件4种方法，2、通过 a 标签 download 属性结合 blob 构造函数下载发送post请求和后台poi返回文件流实现下载 1、通过url下载 即后端提供文件的地址，直接使用浏览器去下载 通过window.location.href = 文件路径下载 window.lo ......
Vue报错Syntax Error:TypeError: this.getOptions is not a function的解决方法~
前几天在vue运行项目过程中报错了,这个方法是 关于Vue报错Syntax Error:TypeError: this.getOptions is not a function的解决方法 （1）报错一 （2）报错二~ 1.1问题分析 首先，检查代码，并没有什么错误的地方；其次，涉及到这个问题，可能就 ......
Vue3实战(05)-教你快速搭建Vue3工程化项目
除了Vue 3这个库，还需Vue 3 最新全家桶。 1 环境准备 之前语法演示直接使用script引入Vue 3，从而在浏览器里实现所有调试功能。但实际项目中，使用专门调试工具。在项目上线之前，代码也需打包压缩，并考虑到研发效率和代码可维护性，所以在下面，需建立一个工程化项目实现这些功能。 工具 V ......
vue 中window.onresize有时不生效问题
在vue中多个组件中都使用window.onresize=()=>{}，会导致前边赋值的方法被覆盖掉 改成 window.removeEventListener('resize', ()=>{}) 可生效 methods: { myFunction() { ... } }, mounted(){ / ......
解决 springboot 2.6.6 版本中内嵌 tomcat 9.0.60 版本 严格执行RFC 3986规范，导致在 GET 请求中出现保留字符请求错误的问题。
项目中get请求：http://domain:port/api/module/function/getList?pageNum=1&pageSize=1000&keyWord=[]&id=； keyWord的参数应该是 keyWord="[]"，如果不加双引号，keyWord就变成了数组，后台接口就 ......
PageOffice6 版本常用事件
1、AfterDocumentOpened 事件 打开文件后自动触发的事件是 AfterDocumentOpened 事件，它通常用于实现文件打开后自动执行某些业务逻辑，比如将默认控件全屏、禁止保存、另存、打印，或者显示或隐藏痕迹等。因此，所有需要在文件打开后自动触发的业务逻辑代码都可以放在此事件中 ......
vue3.2+ts报错：找不到模块“./App.vue”或其相应的类型声明。
解决方法：在项目根目录创建 env.d.ts 文件（如果已有，则在文件中追加）加入下面内容： declare module '*.vue' { import type { DefineComponent } from 'vue'; const vueComponent: DefineComponen ......
vue2常见选项和生命周期钩子函数
Vue2提供了一些其他选项和钩子函数，以支持更高级的组件功能和配置，这些包括： data：data选项用于定义组件的响应式数据。这些数据将被Vue追踪，以便在数据发生变化时更新视图。 data() { return { message: 'Hello, Vue!' } } methods：metho ......
jmeter 提取一个或多个响应值保存到csv文件中，用beanshell实现脚本
import org.json.JSONObject; //写入文件//本地存储文件路径FileWriter fs=new FileWriter("D:/apache-jmeter-5.1.1/bin/token.csv",true); BufferedWriter out=new Buffered ......
Dash 2.14版本开始支持动态回调注册！
本文示例代码已上传至我的Github仓库https://github.com/CNFeffery/dash-master 大家好我是费老师，就在昨晚，Dash框架发布了其2.14.0新版本，新增的功能中，有一项非常令人兴奋，那就是其针对回调函数这一Dash中的核心概念，新增了动态回调函数注册的支持� ......
pytest 执行py文件中的多个case，case 顺序为随机执行，且可以设置case执行的次数。
pip install pytest pytest-random-order 要在pytest中执行py文件中的多个case，并且按照随机顺序执行，并设置case执行的次数，您可以使用pytest的参数化（parametrize）功能和pytest-random-order插件。 首先，确保您已经安 ......
vue2 父传子，子传父
在Vue 2中，使用props来从父组件向子组件传递数据，而要从子组件向父组件传递数据，通常需要使用自定义事件。关键字分别是： 从父组件向子组件传递数据（父传子）： props：可以在子组件中使用props来接收父组件传递的数据。在父组件中，使用子组件标签的属性来传递数据。 示例： <!-- 父组件 ......
Centos7下升级gcc版本
https://blog.csdn.net/u012069313/article/details/123338980?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522169707583916800197016937%2522%252C% ......
vue cli2 3 4使用lib-flexible px2rem完美解决移动端适配问题
安装 lib-flexible $npm install lib-flexible --save lib-fiexble, lib-flexible会自动在html的head中添加一个meta name="viewport"的标签，同时会自动设置html的font-size为屏幕宽度除以10，也就是 ......
vue动态引入组件
vue动态引入组件，正常情况是页面渲染时动态加载该页面组件，还能进行细化动态加载情况，比如弹窗组件 动态导入：除了路由懒加载，你还可以在其他地方使用动态导入来按需加载组件。例如，在某个按钮的点击事件中异步加载一个组件： import('./components/MyComponent.vue').t ......
Vue生命周期
Vue生命周期 什么是Vue生命周期 指的是Vue从创建到销毁整个过程 在官网中这样说到"每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤"以及"在此过程中，它也会运行被称为生命周期钩子的函数，让开发者有机会在特定阶段运行自己的代码。" 官网图示如下 Vue生命周期函数 初始化显示 bef ......
k8s 1.18 和1.10的区别 k8s 1.18 和1.10之间版本升级了哪些功能
Kubernetes（K8s）是一个快速发展的开源容器编排平台，每个版本都带来新功能、改进和修复。以下是 Kubernetes 1.18 和 1.10 版本之间的一些主要区别： API版本：Kubernetes 1.18 引入了新的 API 版本，扩展和增强了 Kubernetes API 的功能。 ......
Vue学习笔记（九）：组件化编程
1 什么是组件¶ 当页面功能十分复杂时，将页面各功能化整为零，拆分成多个不同的小部分，这样便于分析，也有利于代码的复用，在vue中，我们将划分后的每个小部分称为组件。组件化是vue里面最强的功能，可以扩展html，封装重用的代码。在使用vue时，我们可以将一个完整的页面拆分为多个组件，每个组件都用于 ......