element-plus element vue3 plus
Vue3 之 响应式 API reactive、 effect源码，详细注释
Vue3之响应式 API reactive、 effect源码，详细注释 [toc] 简单记录一下 Vue3 和 Vue2 区别 > Vue3 源码采用 monorepo 方式进行管理，将模块拆分到 package 目录中 > Vue3 采用 ts 开发,增强类型检测, Vue2 采用 flow，对 ......
直播平台制作，vue + element ui 实现前端分页
直播平台制作，vue + element ui 实现前端分页 一、DOM结构 <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage ......
vue3 mock接口
以下基于mock的vite-plugin-mock版本为2.9.6实现，其他版本有可能导致报错 1. 安装依赖：https://www.npmjs.com/package/vite-plugin-mock pnpm install -D vite-plugin-mock@2.9.6 mockjs 2 ......
element ui 中获取级联积极下拉框的示例
<el-form-item label="班组" prop="bz"> <el-cascader :options="orgTreeData" ref="bzNameRef" :show-all-levels="false" :props="{ checkStrictly: true, emitPa ......
mybatis-plus分页插件新版本失效问题
背景 搭建新环境时，升级了下mybatis-plus的版本到3.5.3.1，结果发现原本的分页插件 PaginationInterceptor 已被剔除，从官网得知需使用 PaginationInnerInterceptor，在此记录一下。 <dependency> <groupId>com.bao ......
vue3使用知识点笔记大全
vue3使用知识点笔记大全 一、vue3 项目搭建 npm 6.x npm init vite@latest myvue3 --template vue vue 3.2.26 使用 element plus ui 框架 npm i -S element plus //全部引入 import Elem ......
vue3配置stylelint
stylelint为css的lint工具，可格式化css代码，检查css语法错误与不合理的写法，指定css书写顺序等。 以scss作为预处理器为例，看如何配置stylelint1. 安装以下依赖 pnpm add sass sass-loader stylelint postcss postcss- ......
Unity UI Toolkit/UI Element两栏布局的实现
今天遇到一个需求，用UI Toolkit复刻Web端的页面，结果发现USS根本木的float属性，直接犯难了。 最后通过使用绝对定位来做到两栏布局，好在页面并不复杂，否则设置起来恐怕非常麻烦。（话说如果我全用绝对定位，是不是等于在用UGUI？） 实现如上，一个绝对定位解决，实际上在CSS中三栏布局也 ......
NXP i.MX 8M Plus工业开发板硬件说明书（ 四核ARM Cortex-A53 + 单核ARM Cortex-M7，主频1.6GHz）
前 言 本文档主要介绍创龙科技TLIMX8MP-EVM评估板硬件接口资源以及设计注意事项等内容。 TLIMX8MP-EVM评估板采用NXP i.MX 8M Plus处理器，IO电平标准一般为1.8V和3.3V，上拉电源一般不超过3.3V。当外接信号电平与IO电平不匹配时，中间需增加电平转换芯片或信号 ......
NXP i.MX 8M Plus工业核心板规格书(四核ARM Cortex-A53 + 单核ARM Cortex-M7，主频1.6GHz)
1 核心板简介 创龙科技SOM-TLIMX8MP是一款基于NXP i.MX 8M Plus的四核ARM Cortex-A53 + 单核ARM Cortex-M7异构多核处理器设计的高端工业核心板，ARM Cortex-A53(64-bit)主处理单元主频高达1.6GHz，ARM Cortex-M7实 ......
NXP i.MX 8M Plus工业开发板规格书(四核ARM Cortex-A53 + 单核ARM Cortex-M7，主频1.6GHz)
1 评估板简介 创龙科技TLIMX8MP-EVM是一款基于NXP i.MX 8M Plus的四核ARM Cortex-A53 + 单核ARM Cortex-M7异构多核处理器设计的高性能工业评估板，由核心板和评估底板组成。ARM Cortex-A53(64-bit)主处理单元主频高达1.6GHz，A ......
Element 日期组件
1.能选择的时间大于现在 <el-date-picker v-model="formData.beginTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择开始时间" :disabledDate="disa ......
vue3开发者工具
vue3 和 vue2 的开发者工具是不兼容的 Vue3 要重新安装自己的开发者工具，有两种安装方式： 1.在线搜索： 第一个Vue3的开发者工具； 第二个为Vue2的开发者工具 选择添加至 chrome: 再点击 "添加至扩展程序"： 如果很确定写的是vue3项目可以选择把vue2的开发者工具禁用 ......
MyBatis-plus学习笔记
1、MyBatis-Plus（简称 MP）是一个 MyBatis 的增强工具，在 MyBatis 的基础上只做增强不做改变，为简化开发、提高效率而生。 2、特性： 无侵入：只做增强不做改变，引入它不会对现有工程产生影响，如丝般顺滑 损耗小：启动即会自动注入基本 CURD，性能基本无损耗，直接面向对象 ......
java.lang.IllegalArgumentException: geometries must not contain null elements
MultiPolygon multipolygon = geometryFactory.createMultiPolygon(polygons)//报错 polygons里包含空元素？？ 参考：http://javadox.com/com.vividsolutions/jts/1.13/com/vi ......
使用Mybatis-Plus问题解答
我们使用一个新的框架难免会遇到各种问题，当然使用这款国产的优秀的Mybatis-Plus框架也不例外，下面我就给大家列举一下使用Mybatis-Plus可能遇到的一些问题，并做一下一一的解答。 1：如何排除非表的字段（这个问题一定要注意，我们Java中写的Entity类的属性是和表的字段一一对应的， ......
element -plus el-table序号翻页连续
<el-table-column label="序号" type="index" align="center" width="50"> <template #default="scope"> <span>{{(current_page-1)*pageSize + scope.$index+1}}</ ......
vue3+vant4+vuex4入门案例
案例用的是vant-ui库，你可换成你自己用的ui库即可。 安装vuex依赖包 npm install vuex --save main.js引用vuex，并挂载到vue中 import store from './store'; app.use(router).use(store); add.vu ......
vue3+vant4+vuex4实现todolist备忘录案例
案例图片如下： 1 <van-cell-group> 2 <van-cell> 3 <van-row> 4 <van-col span="20"> 5 <van-field 6 :value="content" 7 @change="handleChange" 8 placeholder="请输入内 ......
初识vue3——第一天
## api查询地址 api请查阅[vue3全部API](https://cn.vuejs.org/api/ "vue3全局API") ## 初始化实例 每个 Vue 应用都是通过 `createApp` 函数创建一个新的应用实例： ``` // index.html // main.js impo ......
vue3学前准备
# vue3学前准备 ## 学习vue3的原因 * Vue3 是一个面向未来的框架：Vue3 相比 Vue2 有更好的性能和更好的扩展性，将来会成为前端开发的主流。 * 改进的响应式系统：Vue3 采用了 Proxy 对象来实现响应式系统，使得性能更高、内存消耗更小、支持动态添加属性等。同时，在 V ......
Vue3 setup语法糖下的axios全局设置教程
# Vue3 setup语法糖下的axios全局设置教程 ## 前言 在Vue3的组件式API开发下，this关键词不再适用，网上很多配置axios教程都是以Vue2为基础的，在Vue3下不再适用。 近期尝试用组件式API风格写项目，在配置全局axios就遇到了这个问题。 经过我反复尝试，查阅官网的 ......
element-ui中tree树形组件 通过搜索定位到对应的树节点,并展示在可见区
通过输入树节点名称定位到对应的树节点上，并显示在可见区域 <el-tree ref="tree" v-loading="treeLoading" :data="treeData" :props="treeProps" node-key="id" :expand-on-click-node="fals ......
完成第一个 Vue3.2 项目后，使用体会
第一次Composition API 在vue3.2中，正式支持了script setup的写法,这样可以大大简化组件的代码量，减少一些重复操作，我认为当你写vue3时，应该把这当作默认写法。在vue3.2之前，一般会这样写。 <script> export default { setup(prop ......
vue3+ts 报错 Cannot find module '../xxx/xxx.vue' or its corresponding type declarations(找不到对应的模块“@/views/xxx.vue”或其相应的类型声明)
解决方法在env.d.ts中加入下面代码 declare module '*.vue' { import { DefineComponent } from "vue" const component: DefineComponent<{}, {}, any> export default compo ......
视频直播源码，动态合并element-ui el-table列和行
视频直播源码，动态合并element-ui el-table列和行 HTML: <template> <div> <el-table :data="tableData" show-summary :span-method="arraySpanMethod" style="width: 100%"> ......
vue3全局注册的另一种方式——插件注册
1. 新建一个index.ts，用于管理所有全局组件 // 引入项目中全部的全局组件 import SvgIcon from "./SvgIcon/index.vue"; import Pagination from "./Pagination/index.vue"; // 全局对象 const a ......
Element-Ui 根据开关按钮状态选择多选框某一行禁用和按钮禁用
# 1、实现效果  # 2、按钮状态改变 ```vue 修改 删除 ``` ![](https://img2023. ......
在electron项目如何引入element-plus开发
安装element-plus npm install element-plus --save 按需引入插件 npm install -D unplugin-vue-components unplugin-auto-import 配置文件修改 由于我这个是vue-cli搭建的项目，所以是在vue.co ......