element-plus element vue3 plus
Vue3
[toc] # 一 vue3 介绍 ## 1 Vue3的变化 ### 1.1 性能的提升 * 打包大小减少41% * 初次渲染快55%, 更新渲染快133% * 内存减少54% ### 1.2 源码的升级 * 使用Proxy代替defineProperty实现响应式 * 重写虚拟DOM的实现和Tre ......
vue3进阶——组件基础
组件允许我们将 UI 划分为独立的、可重用的部分，并且可以对每个部分进行单独的思考。在实际应用中，组件常常被组织成层层嵌套的树状结构，这和我们嵌套 HTML 元素的方式类似，Vue 实现了自己的组件模型，使我们可以在每个组件内封装自定义内容与逻辑。  ### 二、在页面中使用 ``` 全局变量 方法1（使用 getCu ......
vue2.0中使用element-ui时报错
1、重新安装依赖 a) yarn add babel-preset-es2015 --dev b) npm install babel-preset-es2015 -D 2、修改babel.config.js配置 module.exports = { presets: ['@vue/cli-plug ......
在使用VScode编辑器vue开发过程中，v-for在Eslint的规则检查下出现报错：Elements in iteration expect to have ‘v-bind:key’ directives
报错如下： 该怎么解决呢？ 现在说说解决他的两种方法： 1.直接在v-for循环后面绑定一个属性，跟前面需要循环的属性一一对应，截图如下： 2.在vscode中去掉Eslint规则检查，具体操作截图如下： 文件–》首选项–》设置–》在搜索框中输入：vetur.validation.template， ......
自定义组件触发element-ui el-form 校验
项目使用element-ui 中的 el-form 进行表单校验，表单中含有上传组件，当校验时机设置change时，实际值已经改变，但没有触发校验。 看一下el-select的源码是怎么写的，在watch 监听里当value 改变时，有这么一段代码 this.dispatch('ElFormItem ......
vue3之setup
# 一、Vue3中script 的三种写法 Vue3 新增了一个叫做组合式 api 的东西，英文名叫 Composition API。因此 Vue3 的 script 现在支持三种写法。 1)最基本的 Vue2 写法 2) setup() 属性 3) ``  Mi ......
mybatis-plus-generator-ui 可视化代码生成器！
它提供交互式的Web UI用于生成兼容mybatis-plus框架的相关功能代码，包括Entity,Mapper,Mapper.xml,Service,Controller等。 可以自定义模板以及各类输出参数，也可通过SQL查询语句直接生成代码。 `git地址`：https://github.com ......
【C】 Primer Plus 5th Edition 阅读笔记
一. Getting Ready 1. ANSI C(C89) and ISO C(C90) are essentially the same standard. 2. #include<>, 预处理指令, include 等同于在当前位置复制和粘贴代码。它的存在是为了方便的分享公共代码。 3. s ......
[Vue warn]: Error compiling template: Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.
##报错信息: [Vue warn]: Error compiling template: Component template should contain exactly one root element. If you are using v-if on multiple elements, ......
vue3实现H5网页录音并上传（mp3、wav）兼容Android、iOS和PC端
使用 `Recorder插件` 可以在HTML5网页中进行录音，录音完成后得到blob文件对象，然后将blob上传到服务器；项目使用的vue3.0版本（这个插件同时支持vue2.0、也支持uniapp，很强！！），录音过程中会显示可视化波形，同时能够做到兼容PC端、Android、和iOS，一次编码 ......
vue3的composition API如何使用async语句
问题： 在setup 使用aysnc，生命函数钩子和函数必须出现在await 语句前面，否者会出现组件无法渲染以及内存泄漏的问题。 ``` import { ref, watch, onMounted, onUnmounted } from 'vue' export default defineAs ......
MyBatis-Plus删除操作的几种基本方法
## delete删除的三种方法 ### 一、根据 id 删除 ```java @Test void deleteById(Integer id) { empMapper.deleteById(new Emp().getId()); empMapper.deleteById(id); } ``` # ......
mybatis-plus是什么框架，使用起来简单吗？文末有彩蛋
mybatis框架我们都熟悉了，是用来操作数据库的属于ORM框架。mybatis-plus是什么框架，看名称和手机似的，带有plus一定是加强版，其官网是：MyBatis-Plus (baomidou.com) 开始mybatis-plus的实践吧。 一、环境及依赖 这里，基于springboot集 ......
Quizlet Plus 获取
## Quizlet Plus 获取 **基本流程**：申请一个临时邮箱去注册，然后邀请一个新人（也是临时邮箱），这样原来的邮箱就会变成30天高级账号（注意所有的注册都应该勾选"I am a teacher"!） ### （1）注册临时邮箱 打开浏览器搜索 `tempmail`（或直接点击链接🔗[ ......
vue3.x代码片段
# pinia状态管理使用示例 【main.js】 ```js import './assets/main.css' import {createApp} from 'vue' import {createPinia} from 'pinia' import App from './App.vue' ......
CSS: Determine if an element has been totally scrolled
Element: scrollHeight property - Web APIs | MDN (mozilla.org) <!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA ......
拥抱jsx，开启vue3用法的另一种选择🔥🔥
📝背景 公司高级表单组件ProForm高阶组件都建立在jsx的运用配置上，项目在实践落地过程中积累了丰富的经验，也充分感受到了jsx语法的灵活便捷和可维护性强大，享受到了用其开发的乐趣，独乐乐不如众乐乐，为了帮助大家更好的运用jsx，开发提效，特此总结分享。 💎效果对比 以前 以往我们开发一个列 ......
mybatis plus 一对多查询
public interface HardwareParaMapper extends CommonMapper<HardwarePara> { @Select("select distinct rc.vehicle_id,rc.node_id,rc.project_id,hi.hardware_i ......
初始vue3——第三天
## 双向绑定 ### 基本用法 在前端处理表单时，我们常常需要将表单输入框的内容同步给 `JavaScript` 中相应的变量。手动连接值绑定和更改事件监听器可能会很麻烦： ```html text = event.target.value"> ``` `v-model` 指令帮我们简化了这一步骤 ......
element的el-radio垂直排列
element里面的el-radio是水平排列的,在项目里面需要竖直排列的效果，我给每个el-radio都加了块级作用域没生效，最后的解决方法是： // 单选框 :deep(.el-radio) { display: block; } ......