element-plus element vue3 plus
vue3学习
资料： http://docs.vikingship.xyz/ 声明类型： 1.使用ref可以声明基础数据 2.使用reactive声明对象数据 3.computed可以返回一个不变的响应式对象 比vue2优势：可以直接新增或修改对象数据，也能实时更新 基础数据： 对象数据： 如果想直接用count ......
Vue3 toRaw与markRaw
视频 3.toRaw 与 markRaw toRaw： 作用：将一个由reactive生成的响应式对象转为普通对象。 使用场景：用于读取响应式对象对应的普通对象，对这个普通对象的所有操作，不会引起页面更新。 markRaw： 作用：标记一个对象，使其永远不会再成为响应式对象。 应用场景: 有些值不应 ......
Vue3 +element-plus+ wangEditor 富文本编辑器+前端七牛云上传
我用的vue3，element-plus ，没用ts 搭建wangEditor 参考 地址 https://www.cnblogs.com/xbxxf/p/16791084.html 本来就是抄大佬的，就不复制粘贴了 主要是整理关于七牛云部分的代码，秉着复制就能用的原则，我把自己封装好的组件复制过来 ......
ai问答：使用 Vue3 组合式API 和 TypeScript 封装 echarts 折线图
<template> <div ref="chart" style="height: 500px;"></div> </template> <script lang="ts"> import { ref, onMounted, watch } from 'vue' import * as echar ......
mybatis-plus没有将XML配置文件放到classpath路径下的解决办法
1.需求：我将mapper接口对应的xml文件没有放到resources路径下，而是放到了如下图中，导致无法识别 1.1 默认可以放mapper对应配置文件的位置 1.2 本人实际放置的mapper对应的xml文件位置 2.解决： 2.1 第一步：在pom文件中添加如下配置 <build> <res ......
为什么再html页面引用element复选框，只有名称值，没有复选框
问题描述 我引入了el-checkbox之后，发现浏览器页面只是显示里面的文字，并没有显示出来我想要看到的相应样式 问题解决 经过一定的百度查证可知，使用Element-UI组件时，我们需要用div标签将其包裹起来； 然后使用script标签定义一下div里面的id属性，然后才能够引用到这个el-标 ......
一文读懂火山引擎数智平台 VeDI 新品——管理驾驶舱 Plus
更多技术交流、求职机会，欢迎关注字节跳动数据平台微信公众号，回复【1】进入官方交流群 4 月 18 日，2023 春季火山引擎 FORCE 原动力大会在上海举行，火山引擎发布数智平台（VeDI）新品——“管理驾驶舱 Plus”。 企业管理者在决策时往往需要各方面的数据作为依据，火山引擎 VeDI 此 ......
vue3 create-vue 开启vite自动验证eslint
0. vue3 cli推荐新的构建工具 vite,但没有yarn run dev后并不自动检测eslint规则,需要运行yarn run eslint 1. 添加组件即可 yarn add vite-plugin-eslint --dev 2. 在vite.config.js加入 1 import ......
vue3 keep-alive实现tab页面缓存
先上图 如何在我们切换tab标签的时候，缓存标签最后操作的内容，简单来说就是每个标签页中设置的比如搜索条件及结果、分页、新增、编辑等数据在切换回来的时候还能保持原样。 看看keep-alive是如何实现该功能的。 首先我们要了解keep-alive的基本使用。具体介绍请查看官方文档（https:// ......
vue3组合式API介绍
为什么要使用Composition API? 根据官方的说法，vue3.0的变化包括性能上的改进、更小的 bundle 体积、对 TypeScript 更好的支持、用于处理大规模用例的全新 API，全新的api指的就是本文主要要说的组合式api。 在 vue3 版本之前，我们复用组件（或者提取和重用 ......
vue3学习之axios、mockjs、nswag
axios、mockjs 安装 npm i --save axios npm i --save mockjs axios、mockjs使用 创建 src\api 目录 添加http.ts import axios from "axios"; let http = axios.create({ bas ......
Mybatis-plus批量操作
前言 使用Mybatis-plus可以很方便的实现批量新增和批量修改，不仅比自己写foreach遍历方便很多，而且性能也更加优秀。但是Mybatis-plus官方提供的批量修改和批量新增都是根据id来修改的，有时候我们需求其他字段，所以就需要我们自己修改一下。 一、批量修改 在Mybatis-plu ......
mybatis-plus使用聚合函数报错---------net.sf.jsqlparser.parser.ParseException: Encountered unexpected token: "**" "**"
错误日志： Caused by: net.sf.jsqlparser.parser.ParseException: Encountered unexpected token: "with" "WITH" at line 62, column 20. Was expecting one of: "&" ......
mybatisplus中update用法 update多个字段 mybatis-plus指定实体类字段不查询 mybatis-plus中selectList用法
@Override public boolean updateRiskverificationFlag(String acptracctName) { BmsBillRiskverification bbr = new BmsBillRiskverification(); bbr.setWarnfl ......
SpringBoot+Mybatis-Plus+EasyExcel
首先建立一个springboot项目，导入依赖 <!-- MyBatisPlus依赖 --> <dependency> <groupId>com.baomidou</groupId> <artifactId>mybatis-plus-boot-starter</artifactId> <versio ......
如果你项目使用了MyBatis-Plus你一定要用它
还是先举个例子，魂斗罗小游戏应该很多90后都玩过，那个时代没有Iphone，没有各种电子产品（小学初中时代），这种小游戏应该就是很多90后的青春，反正那个时候只要放假就白天黑夜得玩。它就是那种2个好基友边玩边捡各种装备的游戏，越玩的远捡的装备越好，玩得越高兴。而MyBatis-Plus就类似Myba ......
VUE3 里面使用 vuedraggable 兼容tag="transition"的问题
vue3的拖拽tag="transition"报的错误 TypeError: Cannot set properties of null (setting '__draggable_context') 安装拖拽的时候，使用命令 yarn add @marshallswain/vuedraggable ......
vue3中使用defineExpose报TS-2339
title: "vue3+ts使用defineExpose报TS:2339" date: 2022-12-29 19:32:44 tags: ["Vue", "踩坑记录"] categories: ["前端篇"] 开头先把错误贴上 src/hooks/usePageSearch.ts:9:27 TS ......
vue3+ts使用v-for出现unknown问题
title: vue3+ts使用v-for出现unknown问题 date: 2022-12-27 19:00:45 tags: ['Vue','踩坑记录'] categories: ["前端篇"] 最近在写项目时遇到了一个问题,当我从父组件向子组件传数据并且需要将子组件对传入的数据进行v-for循 ......
java Mybatis-Plus之实现批量插入
使用batchSave Mybatis-Plus提供了IService接口，里面提供了batchSave方法，即批量保存方法 创建Service接口 创建一个基继承了Mybatis-Plus提供的IService接口的接口 public interface TestService extends I ......
SAP Fiori Elements 开发环境的搭建和开发准备工作试读版
本教程第一篇文章，我们介绍了 SAP Fiori Elements 和 SAP UI5 Freestyle 两种开发方式的区别和各自的适应场合。 本文我们开始动手实操，创建并运行第一个 SAP Fiori Elements 应用。 Fiori Elements 开发环境搭建 我们选择在本地使用 Vi ......
Mybatis Plus 框架项目落地实践总结
https://www.cnblogs.com/valarchie/p/17139145.html 在使用了Mybatis Plus框架进行项目重构之后，关于如何更好的利用Mybatis plus。在此做一些总结供大家参考。 主要总结了以下这几个方面的实践。 基础设计 BaseEntity 逻辑删除 ......
element-plus实现列表拖拽切换位置、顺序(支持搜索）
1.组件实现 <template> <el-popover placement="bottom" popper-class="interBarControl-setPopover" :width="200" :visible="visible" trigger="click" @click.stop ......
Vite + Vue3 +TS 项目搭建
安装 nvm 略 安装 node 略 使用 Vite创建项目 vite3.x 文档：https://cn.vitejs.dev/guide/#scaffolding-your-first-vite-project 使用 NPM: $ npm create vite@latest 使用 Yarn: $ ......
vue全家桶进阶之路50：Vue3 环境变量+跨域设置实例
使用.env加后缀的方式来建立某个模式下的环境变量， 例如：项目根目录新建两个环境变量文件（development开发环境和production生产环境）： .env.development .env.production 在新建的两个环境变量文件中设置相同的环境变量名： VUE_APP_BASE_ ......
element-plus select 多远 抖动问题
<style lang="scss" scoped> .select-scroll { //添加以下两句 :deep(.el-select__tags) { max-width: fit-content !important; } :deep(.el-select__input) { width: ......
Element UI 日期控件范围限制
1、设置开始时间不能大于结束时间 <el-date-picker type="date" placeholder="开始时间" v-model="startTime" :picker-options="pickerOptionsStart"></el-date-picker> <el-date-pi ......
vue-input-directive 插件的使用（已兼容vue3.0）
codepen体验地址 github地址 安装、引入 npm install vue-input-directive --save import Vue from 'vue' import inputValidate from 'vue-input-directive' Vue.use(inputV ......
vue全家桶进阶之路49：Vue3 环境变量
vue3 环境变量 在Vue3中，可以通过环境变量来管理应用程序中的配置。这些配置可以包括后端API的URL、API key、跟踪ID等等。在不同的开发、测试、生产环境中使用不同的配置是非常有用的。Vue3允许使用.env、.env.local、.env.[mode]和.env.[mode].loc ......
升级element-plus
之前用的是 "element-plus": "^1.0.2-beta.53"版本，什么都处理好了，但是会el-select里面使用v-if的时候控制台会报错 查询以后我升级到："element-plus": "^1.2.0-beta.6" 不敢升级太高，毕竟项目快做完了，升级稳定版坑太多了，一个个补 ......