element-plus element vue3 plus
【Vue3响应式入门#01】Reactivity
接下来,我们将会用 Vue3 建造响应式的方法,从头开始制造一个响应式引擎,让我们一步一步的来解决这个问题! ......
TS 踩坑笔记: 箭头函数添加泛型报错(Error: JSX element ‘T’ has no corresponding closing tag.ts(17008))
前言 今天给大家分享一个在 React 项目中使用 TypeScript 遇到的错误 项目背景 React + TS 的项目配置,项目中关于 React 组件的使用 .tsx 后缀,其他单纯的文件使用 .ts 后缀 问题描述 在 React 组件附近定义泛型的箭头函数时产生 TS 报错警告,原本以为 ......
vue3文件导入导出
导入: // 导入 const importExcel = async (file: any) => { let formData = new FormData(); //声明一个FormDate对象 formData.append("file", file.raw); //把文件信息放入对象中 / ......
vue2.x和vue3.x关于获取表格某一行的写法真的不同绝了
vue2.x <el-table-column label="测试" align="center" prop="ce"> <template slot-scope="scope"> <span>{{scope.row.ce}}</span> </template> vue3.x <el-table- ......
vue3.x增加数据功能
具体代码 <template> <el-form :model="form" :rules="rules" ref="ruleFormSSS" label-width="120px"> <el-form-item label="用户姓名" prop="name"> <el-input v-model ......
需求:vue3+swiper+ts实现轮播图(中间主体轮播,左右各显示部分)
一、下载安装swiper 安装:pnpm install swiper 使用你熟悉的方式来安装(yarn npm cnpm) 二、在项目中引入swiper 1.main.js文件 点击查看代码 import 'swiper/swiper-bundle.css'; import "swiper/css ......
Vite+Vue3 加载速度优化
可以考虑从以下几个方面优化。整体思路:1.减小打包体积。2.异步加载。 静态资源拆分打包 在常规打包方法下,所有的第三方依赖将会都打包在一个 vendor.js 文件里,首次打开页面时,服务器会先加载这个大文件,导致白屏时间过长。 而我们打包时,事先将依赖拆分成很多小文件各自进行打包,便可以实现异步 ......
Vue3 父子、兄弟组件通信
父组件向子组件通信 父组件:Father <script setup> import OneSon from "./oneSon.vue"; import { reactive } from "vue"; const state = reactive({ fatherData: "I am from ......
【转】mybatis-plus自动填充失效,updateTime为null
友情提示比较着急的同学直接看带颜色的字儿: 红色为问题、黄色为原因、绿色为解决方法 博主跟随mybatis-plus官网进行学习字段填充时,发现在insert的时候,想要去更新updateTime,一直为null 踩到的坑如下: 一、在进行插入的时候一直报错,找不到column create_tim ......
Vue2和Vue3中的v-model的区别
Vue2:v-model是 :value和@input的简写 Vue3: v-model是 :modelValue和@update:modelValue的简写 Vue2文档 ......
Vue3 element-plus el-cascader后缀图标更改(svg)
概述 今天用element-plus写通用表单的时候,发现了它的el-cascader组件竟然不支持改后缀图标,主要它的普通下拉el-select组件都能随便改suffix-icon,级联的下拉就不支持了,令人疑惑。 然后,找了好多办法,包括直接取原生的Component改它的arrowDown属性 ......
SvgIcon全局组件---开发环境:vue3+vuecli5
开发背景 node v18.17.0(node -v) npm v8.4.1(npm -v) @vue/cli 5.0.8(vue -V) 0.SvgIcon全局组件 全局组件是指在应用程序的任何位置使用的组件,使用全局组件前需要在Vus.js实例中注册,并将其挂载到实例中。全局组件是可复用的Vus ......
element-plus安装教程
项目场景: 前端vue3项目需要安装element-ui 问题描述 npm安装element-ui报错 npm i element-ui -S 报错 D:\javascript\fund-management\projects\node-demo\node-vue-ele-app\client>np ......
vue3中监听滚动条事件
import { onMounted, onUnmounted, reactive } from 'vue' const data=reactive({ oldScrollTop:0, }); const scrolling=()=>{ // 滚动条距文档顶部的距离 let scrollTop =w ......
antd for vue3 table 使用rowClassName设置样式固定列不生效
依赖库版本 : Vue 3 + antd for vue v3. X 样式问题 :固定列背景色不生效,鼠标移入对应行背景色变为初始的白色 columns: [ { title: '装置', width: 100, dataIndex: 'areaName', fixed: 'left' }, ... ......
MyBatis_plus 中通用的CRUD
https://mybatis.plus/guide/ 官网地址 笔记1 BaseMapper CRUD 接口的方法 insert deletedeletByIddeletBacthIdsdeletByMap updateupdateById selectByIdselectOne selectLi ......
vue3使用高德地图进行多边形的绘制,编辑以及创建
npm i @amap/amap-jsapi-loader --save <!-- 高德地图 --> <template> <div style="display: flex;"> <div id="container" style="width: 800px; height: 500px; bor ......
在vue3+ts中封装自定义指令
src/main.js // 自定义指令 import * as directives from "@/directives"; Object.keys(directives).forEach(key => { app.directive(key, (directives as { [key: st ......
利用开源模块EF plus 添加系统审计功能
我参考的网站内容: https://entityframework-plus.net/ef-core-audit-customization https://entityframework-plus.net/ef-core-audit-autosave https://csharp.hotexamp ......
vue3中引入elementplus以及图标(vue3+vuecli)
开发背景 node v18.17.0(node -v)npm v8.4.1(npm -v)@vue/cli 5.0.8(vue -V) 0.用命令行安装elementPlus npm install element-plus --save 1.elementplus按需手动导入 ElementPlu ......
mybatis、mybatis-plus的二级缓存使用
需求 因有些数据查询量很大,很费数据库资源,且每次查询都是不怎么变更的数据,所以需要通过缓存进行减轻数据库压力,继而选择通过myabtis的二级缓存来实现。 使用步棸 第一步:yml配置需开启mybatis-plus的二级缓存。 # MyBatis Plus的配置项 mybatis-plus: co ......
MyBatis Plus 操作 达梦数据库
MyBatis Plus 操作 达梦数据库 一、准备 MyBatis Plus 相关依赖包 MyBatis Plus 依赖包下载地址:JAVA_Mybatis_Plus_lib.zip 下载加压后,效果如下: ......
Leetcode 34. Find First and Last Position of Element in Sorted Array
题解 用了两次二分,分别计算第一个>=target的元素位置和第一个>target的元素位置。闭区间二分,[l,r]是未知的,保证每次答案都在[l,r]中,定义清楚nums[l-1]和nums[r+1]和target的关系。因为是while(l < r),所以到l == r时跳出循环,分析l == ......
Mybatis-Plus 中的使用技巧
什么是 Mybatis-Plus MyBatis-Plus (opens new window)(简称 MP)是一个 MyBatis (opens new window)的增强工具,在 MyBatis 的基础上只做增强不做改变,为简化开发、提高效率而生。 官网链接:https://baomidou. ......
开源项目 | 一款基于NodeJs+Vue3的强大的在线设计图片工具
采用 Vue3+Vite2+Vuex+ElementPlus 技术实现的在线海报图片设计工具,可用于生成电商分享图、文章长图、视频/公众号封面等。 ......
vue3中setup
和vue2不同的是vue3中的script中带有setup标签 里面的setup相当于vue2中的data和methds空间可以放置函数,也可以执行函数 在写时需要有return返回值 <script setup> </script> setup执行发生在页面之前所以不能使用this函数,一般通过r ......
Vue3中的生命周期
Vue3生命周期-CSDN博客 一、Vue3中的生命周期1、setup() : 开始创建组件之前,在 beforeCreate 和 created 之前执行,创建的是 data 和 method 2、onBeforeMount() : 组件挂载到节点上之前执行的函数; 3、onMounted() : ......
Vue3 + Quasar系列-代码配置以及报错汇总记录(不断更新中)
1. Vue3 + Quasar系列-代码配置打包去掉hash后缀 去掉hash https://quasar.dev/quasar-cli-vite/developing-pwa/configuring-pwa 2. Vue3 + Quasar改变主题背景 quasar的样式和其他的框架修改不太一 ......
Vue3| Pinia 持久化插件
对 vuex 或 Pinia 里面的内容做本地持久化 1. 安装插件: npm i pinia-plugin-persistedstate 2. 将插件添加到 pinia 实例上 ① main.js 里导入持久化插件:import piniaPluginPersistedstate from 'pi ......