element-plus单元element vue3
vue3项目结合antdesignvue封装form表单及校验
效果图 完整代码 1 <script setup> 2 import { defineProps, onMounted, reactive, ref, defineEmits} from 'vue' 3 import { Card, Input, Select, DatePicker, FormIt ......
vue3项目table表格动态表头生成+行数据合并
这两处地方是动态的，由后端数据返回 思路流程 1，后端返回数据二次处理 2，根据后端数据生成动态表头 3，利用antd 的 customRender 与 rowSpan 设置行合并 完整代码 <template> <Table :data-source="dataSource" :columns=" ......
Vue3 - provide 提供的异步数据 inject 得到的数据 undefined 或 null
如下所示，父组件（祖先组件）通过 provide 函数向所有后代组件传递 prop。但是这两个 Ref 类型的数据最开始没有，需要等到 onMounted 初始化之后才有值。此时会遇到两个问题 后代组件在 setup 函数中或者 onBeforeMount 等非常早的周期中调用，可能获取的是 und ......
vue3项目封装支持搜索，选中不可选，选中的数据项支持上下移动，删除的上下穿梭的树状穿梭框
1，vue3代码 1 // 这个是返回的所有的数据 2 const sourceItems = ref([]) 3 // 这是穿梭到下面的数据 4 const targetItems = ref([]) 5 // 这是搜索字段 6 const searchName = ref('') 7 // 这两 ......
2023-09-27：用go语言，在一个 n x n 的国际象棋棋盘上，一个骑士从单元格 (row, column) 开始， 并尝试进行 k 次移动。行和列是 从 0 开始 的，所以左上单元格是 (0
2023-09-27：用go语言，在一个 n x n 的国际象棋棋盘上，一个骑士从单元格 (row, column) 开始， 并尝试进行 k 次移动。行和列是 从 0 开始 的，所以左上单元格是 (0,0)， 右下单元格是 (n - 1, n - 1)，象棋骑士有8种可能的走法， 每次移动在基本方向 ......
vue3项目结合ant design vue的upLoad组件实现上传和下载Excel文件
1.上传文件 1.组件引入 import { Button, Upload } from 'ant-design-vue' 2. 代码 <Upload v-model:file-list="fileList" name="file" // 限制文件格式 accept=".xlsx,.xls" // ......
vue-router使用,localStorage系列,vue3介绍,组合式api和配置项api
1 vue-router使用🐋 # 以后，就是组件的切换实现页面切换的效果 》必须借助于vue-router来实现 # vuex 现在知道的 -<router-view/> 》显示组件 》router/index.js中配置 -<router-link :to="about_url"> 》做 页面 ......
element ui踩坑
项目适配需要rem转换 ，但UI组件内部未转换 问题：由于组件内 ，某些组件宽度和高度是通过prop传参，然后对行内样式动态赋值，所以单位还是px 网上找的方法： 将element ui的 github源码拉下来，然后修改组件源码，然后打包，然后打补丁替换lib文件夹。 个人觉得太繁琐，问题在于，所 ......
element-ui plus 修改对话框的样式，无效
<el-dialog v-model="dialogVisible" title="Tips" width="30%" :before-close="handleClose" append-to-body > <span>This is a message</span> <template #foo ......
vue3移动端设置单页面body的背景色
<script setup> import { onBeforeUnmount, onMounted } from 'vue'; // 设置页面背景颜色 onMounted(() => { document .querySelector("body") .setAttribute("style", ......
vite+vue3项目发布到手机
1.修改vite.config.js export default defineConfig({ plugins: [ vue(), ], resolve: { alias: { '@': fileURLToPath(new URL('./src', import.meta.url)) } }, s ......
在excel表格插入标黄的这列数据 实现合并单元格，并统计单元格个数？
大家好，我是皮皮。 一、前言 前几天在Python最强王者交流群【哎呦喂 是豆子～】问了一个Python自动化办公的问题，一起来看看吧。 下图是他的原始数据和他想得到的目标数据，如下所示： 需要在标黄的两行里边进行相关操作。 二、实现过程 这里【瑜亮老师】给了一个思路，groupby系统.漏洞数.s ......
Vue3 element plus el-dialog (对话框)
首先得是 Vue3项目 并已经引入 element plus 引入 element plus 方法：https://www.cnblogs.com/hailexuexi/p/17730724.html 效果图 这个对话框代码 和 头部 菜单 都在 一个 HeaderComponent.vue 文件中 ......
Vue3 引入 Element Plus
Element Plus简介Element Plus是一个基于Vue3的UI组件库，其设计原则可分为一致（Consistency）、反馈（Feedback）、效率（Efficiency）、可控（Controllability）四个方面。 目前Element Plus可使用的UI组件种类丰富，除了按钮 ......
vue3 + mark.js | 实现文字标注功能
页面效果 具体实现 新增 1、监听鼠标抬起事件，通过window.getSelection()方法获取鼠标用户选择的文本范围或光标的当前位置。 2、通过 选中的文字长度是否大于0或window.getSelection().isCollapsed (返回一个布尔值用于描述选区的起始点和终止点是否位于 ......
element ui 的picker-option 30天前限制和30天后限制
pickerOptionsStart:{ disabledDate:(time)=> { // 获取当前日期并减少30天 // console.log(time,'..........tiem'); // console.log(time,'..........tiem'); if (this.en ......
vue3 模糊搜索 不区分大小写 多选框 element plus
```javascript<div class="select-part" ref="selectRef"> <div class="check-type"> <input type="text" class="check-type-title" :placeholder="placeholder" ......
Vue3 面试题 （2023-09-26更新）
Vue3 对比 Vue2 做了那些改进？ 1. 响应式系统 vue2 中使用的 Object.defineProperty 实现的响应式，劫持整个对象，递归遍历所有属性，给每个属性添加 getter 和 setter vue3 中使用的 Proxy 实现的响应式 2. 编译阶段 Fragment V ......
Vue3-vite 按需引入Element-plus
1.下载unplugin-vue-components，unplugin-auto-import 包 npm i -D unplugin-vue-components unplugin-auto-import 2.vite.config.js 文件中配置 1 import AutoImport fr ......
EasyExcel合并单元格
普通不合并单元格 public static void writeExcel() { // 写excel的路径，当前项目路径下 String fileName = getPath(); // 构建ExcelWriter ExcelWriter excelWriter = EasyExcel.writ ......
第一学期初二年级第二单元练习卷
听力部分 选图题看不清楚图片错了四个 语法部分 thousand和thousands of没搞清楚 instead和however的区别没搞清楚 老师讲过的知识点 dont的反义疑问句是will you 忘记了 dress复数没看到 不知道not able=failed to 阅读部分 单词写错了 ......
如何在vite+vue3中的html页面中使用变量？
如何在vite+vue3中的html页面中使用变量？ vite版本：4.1.5 vue版本：3.2.47 需要引入新的开发依赖: yarn add vite-plugin-html -D 修改vite.config.ts文件配置 ... // @ts-ignore import { createHt ......
使用Vue3+elementPlus的Tree组件实现一个拖拽文件夹管理
目录1、前言2、分析3、 实现4、踩坑4.1、拖拽辅助线的坑4.2、数据的坑4.3、限制拖拽4.4、样式调整 1、前言 最近在做一个文件夹管理的功能，要实现一个树状的文件夹面板。里面包含两种元素，文件夹以及文件。交互要求如下： 创建、删除，重命名文件夹和文件 可以拖拽，拖拽文件到文件夹中，或着拖拽文 ......
element-plus 表单验证demo
<template> <div class="container my-4 mx-auto p-4"> <el-radio-group v-model="labelPosition" label="label position"> <el-radio-button label="left">Left ......
使用SpringBoot+Vue3的形式实现管理系统的添加功能
1、查看页面形式 2、使用element-plus组件为添加页面引入form表单 成功引入form表单组件： 3、更改成自己需要的形式 4、测试是否可以拿到文本框的数据 拿到数据啦！！（记得vue3这里： console.log(form) //不要写this ```） # 5、vue界面的添加代码 ......
单元测试框架-pytest
1.简介 Pytest是基于python语言的单元测试框架，也是一个命令行工具，具有以下特点： 入门简单，易上手 支持大量的第三方插件，如：失败重试，控制用例执行顺序等 基于配置文件可以简单的集成CI(持续集成)工具中 2.快速入门 安装 pip install pytest 基本格式 def ad ......
IntelliJ IDEA中执行@Test单元测试时报错Class not found: "..."终极办法
之前也出现过在编译时找不到测试类的问题，但之前的那篇博文，并不是终极办法IntelliJ IDEA中执行@Test单元测试时报错Class not found: "..."Empty test suite 问题： 出现类似问题，普遍时同然就报错了，原因是使用IDEA，从别人的Git上拉取代码后，别人 ......
ts和vue3的结合常见的一些问题（持续更新）
特此注意是vue3，而不是vue2 使用typescript的interface关键词定义一个存数据的数据类型 interface Position { long:number, lnt:number, height: number } const position = ref<Position>( ......
vue3的面试题
1. 什么是Vue3？ Vue3有哪些新增特性？答：Vue3是Vue.js框架的最新版本，它增加了很多新特性，包括Composition API、Teleport、Suspense 和Fragment等。 2. Vue3 Composition API是什么？它的作用是什么？答：Vue3 Compo ......
vue3 defineEmits的使用
1.计数器案例 父组件： <template> <h2>当前计数为： {{counter}}</h2> <HelloWorld @add1="add1" @decre1="decre1"></HelloWorld> </template> <script setup> import { ref } ......