element-plus单元element vue3
vue3中的axios进行封装代理的使用（webpack）
1.安装axios npm install axios 2.在util文件夹下新建axios.js文件，用来处理axios拦截器 axios.js内容：（注意：其中router需要写成这种形式，不然会报 Uncaught (in promise) TypeError: Cannot read pro ......
dom4j操作Element节点方法
1.获取文档的根节点 Element rootElm = document.getRootElement(); 2.取得某节点的单一子节点 Element memberElm=root.element("tagName"); 3.取得节点的文字 String text=root.elementTex ......
Golang 反射 && 单元测试
一.反射 1 package reflecttest 2 3 import ( 4 "fmt" 5 "reflect" 6 ) 7 8 // 语法:const [name] [type] = [value] 9 // const 只能修饰int\float\string\bool作为常量 10 co ......
【错误异常】The content of element type "mapper" must match "(cache-ref|cache|resultMap*|parameterMap*|sql*|insert*|update*|delete*|select*)+".
The content of element type "mapper" must match "(cache-ref|cache|resultMap*|parameterMap*|sql*|insert*|update*|delete*|select*)+". 服务启动异常 排查mapper.xm ......
Vue3+vite路由配置优化(自动化导入)
今天在维护优化公司中台项目时，发现路由的文件配置非常多非常乱，只要只中大型项目，都会进入很多的路由页面，规范一点的公司还会吧路由进行模块化导入，但是依然存在很多文件夹的和手动导入的问题。 于是我想到了我之前使用vuex时进行的模块化自动导入js文件，能不能使用到自动导入.vue文件中去，答案是可以！ ......
少年，该升级 Vue3 了！
Vue2 的终止支持时间是 2023 年 12 月 31 日，本文是一篇 Vue2 升级 Vue3 的指南，可帮助你快速从 Vue2 平滑升级到 Vue3。 ......
vue3 computed属性
该随笔是根据b站小满zs的Vue3 + vite + Ts + pinia + 实战 + 源码 +electron的视频学习写的，Vue3 + vite + Ts + pinia + 实战 + 源码 +electron ......
Delphi7中单元文件内各个部分的执行顺序
注：本文主要是讨论delphi程序启动时和退出时的执行顺序，期间有些知识来源于Delphi帮助，有些来自《Delphi7程序设计教程》（这本书只告诉我有initialization 和 finalization 这两个关键字，但是没讲明白）（唉，现在的书只讨论框框架架，不讨论细节，写出来的东西让你看 ......
vue elementplus 使用cellRenderer重写单元格，滑动滚动条渲染复选框出现错误
使用elementplus的虚拟表格，动态加载表头的时候，第一列为复选框；但是在滚动滑动条的时候出现了一个奇怪的现象； 我选择了4和5，当我滑动滚动条的时候如下： 像是复选框跟着在动； 通过跟踪代码，查出问题； 在cellRenderer中打印checked的值发现问题，大滚动的时候，打印出来的都是 ......
直播app开发搭建，element plus中的el-link如何去掉下划线
直播app开发搭建，element plus中的el-link如何去掉下划线 解决方法：在el-link中增加 :underline='false' <el-table-column property="name" label="名称" show-overflow-tooltip> <templat ......
vue2和vue3使用echarts时无数据，怎么显示暂无数据图片或文字
一开始也经历了用v-if和v-show，v-show的话echarts还会留出暂无数据图片的位置，导致echarts变形，v-if在加载和不加载切换时，dom会获取不到；后来也是在网上找的方法，时间有点长，原文地址就不贴了。 对了，在网上查方法的时候还找到了echarts noDataLoading ......
element ui 多选框（是否可以勾选）
#1. 添加属性 selectable <el-table-column width="50" type="selection" align="center" :selectable="handleSelectable" /> #2. 编写函数 handleSelectable(row) { if ......
从零开始使用vue2+element搭建后台管理系统（动态表单实现（含富文本框））[待完善]
在后台项目的实际开发过程中，涉及到表单的部分通常会使用动态渲染的方案进行实现，由后端接口返回表单配置，前端进行遍历渲染。考虑到通用后台需要具备的功能，除了基础的表单项如输入、下拉、多选、开关、时间、日期等，还需要具备上传、富文本框等功能。 首先导入一个百度来的富文本框插件：npm install v ......
Element Plus 日期控件（Date Picker） 开始日期和结束日期范围限制
话不多说直接看效果 结束日期 >= 开始日期 开始日期 <= 结束日期 代码如下 <template> <el-date-picker v-model="startDate" :disabled-date="(val) => startPickerOptions" type="date" place ......
element plus
https://element-plus.org/zh-CN/guide/design.html 设计 控制反馈： 通过界面样式和交互动效让用户可以清晰的感知自己的操作； 页面反馈： 操作后，通过页面元素的变化清晰地展现当前状态。 帮助用户识别： 界面简单直白，让用户快速识别而非回忆，减少用户记忆负 ......
vue3 ts setup 监听 pinia 数据的变化，更新页面数据
简述 由于 pinia 导入到vue中的值没有响应性 import useUserStore from './stores/user'; const userStore = useUserStore(); userStore.isvaild;// 没有响应性 那么我们在vue中动态修改某值的想法则需 ......
Spring Boot + Vue3前后端分离实战wiki知识库系统<十三>--单点登录开发二
接着https://www.cnblogs.com/webor2006/p/17608839.html继续往下。 登录功能开发： 接下来则来开发用户的登录功能，先准备后端的接口。 后端增加登录接口： 1、UserLoginReq： 先来准备用户登录的请求实体： package com.cexo.wi ......
Vue3.2
1.ref定义基本数据类型 <script setup> import {ref} from 'vue' //需导入依赖 let name = ref('zhangsan') const setName = () => { name.value = 'lisi' } </script> const ......
添加Element ui依赖报错:npm ERR code EPERM,syscall mkdir, npm ERR! path D:\Vue\nodejs\node_cache\_cacache\index-v5\f3\de
添加Element ui依赖报错:npm ERR code EPERM,syscall mkdir, npm ERR! path D:\Vue\nodejs\node_cache\_cacache\index-v5\f3\de 具体报错信息如下: 我这个是在IDEA控制台输入 npm i eleme ......
【Vue】关于 The template root requires exactly one element 报错的解决方案
在<template>内添加<div>总括起来： ......
vue3探索——pinia高阶使用
以下是一些 Pinia 的其他高阶功能： storeToRefs()：响应式解构仓库，保证解构出来的数据是响应式的数据。 状态持久化：Pinia 并没有内置的状态持久化功能，但你可以使用第三方库或自定义插件来实现状态的持久化。例如，你可以使用 localStorage 或 sessionStorag ......
ActiveWorkbook工作簿后修改工作表中单元格的数值
Sub 新建写入重命名()Workbooks.Add'内置名称报错'ActiveWorkbook.Sheet1.Range("a2").Value = "孙" '索引'ActiveWorkbook.Sheets(1).Range("a2").Value = "孙"'名称'ActiveWorkbook ......
vue3.3.x setup 新实验性特性 defineModel 定义多个属性
由于有些业务组件需要定义多个响应式props，类似这种(比较懒，没上ts)，在vue3.3.x以前，如果不用三方库，代码会变得很繁琐 <script setup> const props = defineProps({ modelValue: { type: Object, default: () ......
vue3videplayer播放m3u8视频流注意事项
前言 使用vue3开发项目时,碰上需要做一个视频流列表的页面,最开始是想获取所有列表数据后创建对应的video标签,这样默认获取第一帧作为封面,同时暂停视频减轻不断请求的压力。但开发后发现视频就算暂停后也会继续请求视频流,多个视频反而会导致页面卡顿。 方案 手动获取视频的第一帧,通过canvas将其 ......
从零开始使用vue2+element搭建后台管理系统（主页）
登录后，应有一个主页，可以展示当前用户的一些信息，例如上次登录时间地点、修改手机号、重置密码等简单功能，如图： 首先在views下新建HomeView.vue文件： <template> <el-row> <el-col :span="24"> <!-- user卡片 --> <el-card> < ......
pytest单元测试框架（集成篇）
一、@pytest.mark.parametrize()基本用法 @pytest.mark.parametrize(args_name,args_value) args_name：参数名 args_value：参数值(列表[]，元祖()，字典列表[{},{}]，字典元祖({},{}))，有多个值用例 ......
关于element-plus框架一些样式的修改
一、关于使用element框架一些测试建议覆盖的样式 1.取消按钮的focus效果 (1) css样式覆盖 // element按钮部分伪类样式覆盖 // 用于覆盖element按钮focus的样式 .el-button:not(.is-link):not(.is-text):not(.is-dis ......
pytest单元测试框架（升华篇）
Pytest框架实现一些前后置（固件，夹具）的处理，常用三种 一、setup/teardown,setup_class/teardown_class所有 为什么需要这些功能？比如：web自动化执行用例之前，请问需要打开浏览器吗？用例执行后需要关闭浏览器？ class TestMay: # 这个在所有 ......
解决vue3中抽离出来的js如何调用页面的方法
有时我们会用render渲染表格的columns，里面的按钮如何去调用.vue文件的方法？ 思路； 在.vue文件中我们通过参数的方式传给.js文件，然后用变量接收，点击时执行 （注意：.vue文件中setup执行比较早，按钮是点击事件，不会主动执行函数。为防止函数未声名就当做参数传递，必须在最后执 ......