typescript elements useref react
React函数式组件渲染顺序探究(Demo)
> 参考资料: > [React渲染顺序及useEffect执行顺序探究(含并发模式)](https://blog.csdn.net/web2022050901/article/details/125238225) # code ```jsx import { useEffect, useState ......
element-ui 周、月、季、年的日期时间选择器
日常做项目中经常会遇到根据周、月、季度、年的日期时间选择器,切换不同的时间时选择器也做出相对应的变化,并且获取相对的开始时间和结束时间。 效果如下: 1.先创建子组件--季度的日期选择器 1 <template> 2 <div class="time_quarter"> 3 <mark style= ......
element table列表项展示省市区
使用的省市区插件 npm install element-china-area-data -S 引用import { provinceAndCityData, regionData, provinceAndCityDataPlus, regionDataPlus, CodeToText, TextT ......
react 项目内存放excal文件并实现下载功能
typings.d.ts配置(使用typescript) 在umi+ts搭建的react项目内,没有对.xlsx文件进行处理是没办法通过文件导入获取到改文件的,可以在typings.d.ts文件内根据实际情况进行后缀添加,否则ts会报导入错误 1 declare module "*.png"; 2 ......
TypeScript的深拷贝与浅拷贝
今天在开发过程中遇到深拷贝与浅拷贝的问题 const userData1: number[][] = this.dataMangager.getUserDataMap(); 该行代码中的userData1 是一个指向 this.dataMangager.getUserDataMap() 返回的二维数 ......
响应式系统与 React
### 0x1 React 的历史与应用 1. 应用场景 1. **前端应用开发**,如 Meta、Ins、Netflix 的网页版 2. **移动原生应用开发**,如 Ins、Discord 3. 结合 Electron 进行**桌面应用开发** 2. 发展历史 1. Facebook 引入了 x ......
map.xml文件报The content of element type "mapper" must match "(cache-ref|cache|resultMap*|parameterMap*
出现这个问题 是因为 <insert></insert> <delete></delete> <update></update> <select></select> 等标签写的不完整 或者写错位置了 比如<insert></insert>只写了一个,没有写结尾</insert> 或者<insert> ......
单页html+vue3+element-plus+axios
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="apple-mobile-web-app-capable ......
element ui 分页组件自定义每页条数page-size
参考代码: <div style="display: flex;"> <el-pagination :total="total" :pager-count="5" :page-size="searchForm.pageSize" :current-page="searchForm.pageIndex ......
Remove Linked List Elements
Source Problem Remove all elements from a linked list of integers that have value val. Example Given 1->2->3->3->4->5->3, val = 3, you should return t ......
解决element UI中el_table的合计栏在滚动条下方问题
代码参考: <style> .itemTrading .el-table{ overflow: auto; } .itemTrading .el-table__body-wrapper, .itemTrading .el-table__header-wrapper, .itemTrading .el ......
element-ui表格实现表头快速筛选
filterChange(obj) { console.log('obj', obj) const keys = Object.keys(obj) const values = Object.values(obj) console.log('keys', keys) console.log('val ......
vue+element-ui封装一个下拉框
一.单下拉框组件封装 1.下载安装element-ui组件库,并创建文件夹文件等操作,配置好路由。 2.在element-ui里面复制select代码至组件中。 3.数据的处理(数据应该放在使用者的身上而不是select组件上,用组件通信的方式进行传值) 4.选择值的处理 子组件选择一个内容后要把值 ......
react批量生成pdf
使用`htmlpdf.js`批量将`html`页面转为`pdf`,打包成`zip`下载。`htmlpdf.js`是结合`html2canvas`和`jsPDF`实现的。 首先先安装包 ``` npm install --save html2pdf.js ``` 基本页面 ``` import htm ......
解决 react antdPro umi 报错 error:0308010C:digital envelope routines::unsupported
修改文件:package.json 原 "start": "umi dev", 改成 "start": "SET NODE_OPTIONS openssl-legacy-provider && umi dev", ......
vue3 + element 实现季度选择框
效果图 1.子组件 <template> <div class="el-quarter-wrap"> <el-popover title="" content="" width="320" v-model="visible"> <template #reference> <el-input v-mo ......
Fiori Elements 应用里的 localService 文件夹
Fiori Elements是一组预先设计的用户界面模式,它可以简化和加速应用程序的开发,同时确保它们具有一致的 Fiori用户体验。创建Fiori Elements应用程序的过程通常涉及到定义OData服务以及相关的注解,然后将这些元素和Fiori Elements模板结合使用,以创建用户界面。 ......
TypeScript中的keyof和in
## keyof使用 keyof操作符接受一个对象类型作为参数,返回该对象属性名组成的字面量联合 ```ts type Dog = { name: string; age: number; }; type D = keyof Dog; //type D = "name" | "age" ``` 可以 ......
解决element ui 下拉框表单验证切换选项就直接触发的问题
element ui 下拉框表单验证正确使用步骤 1.确保form组件的:model属性绑定了表单的数据对象 2.确保form组件的rules绑定了对应的rule 3.确认要验证的表单item绑定了对应的prop属性 注意:prop属性的名称要和rule里面的名称一样并且和v-model的属性名称一 ......
TypeScript 学习笔记
## [什么是TypeScript?]() > TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准,它可以编译成纯javaScript,可以运行在任何浏览器上。 ## 安装TypeScript ``` npm install -g typescript ......
TypeScript 二维数组生成 要注意初始化 TypeError: Cannot set properties of undefined (setting '1')
private _dataMap:Vec3[][] = []; private _userDataMap:number[][] = []; init() { for(let i = 1; i <= 4; i++){ for(let j = 1; j <= 4; j++){this._dataMap[ ......
element的el-input,想要输入表单的时候只输入范围数字
<el-form-item label="通过门限:" prop="passRate"> <el-input placeholder="请输入" type="number" @input="oninput($event)" clearable v-model="addReviewForm.passR ......
vue-element-admin改为从后台拿动态指令权限(按钮)- 下
改为从后台拿动态指令权限,大概如下步骤: 1、后台修改接口返回 指令权限 数据 2、修改 src/store/modules/permission.js 修改 generateRoutes,添加保存 指令权限 3、修改验证指令去权限方法(checkPermission: src/utils/perm ......
React的坑
1. react中没有computed属性,没有watch 这个很伤,简单的使用ES6 class的get属性,根本不能解决问题,setState之后,级联属性不能自动刷新视图 不用mobx,只能自己去setState依赖属性,而且依赖属性如果使用,state.属性名,去读取属性 则不能再setSt ......
58.请使用vue3+vite+typescript+element-plus+setup语法糖,使用xlsx和file-saver实现保存excel功能。我的el-table表有分页数据。导出的excel中要包含所有分页中的数据
1 <template> 2 <div> 3 <el-table 4 :data="mergedTableData" 5 border 6 stripe 7 > 8 <!-- 表头 --> 9 <el-table-column 10 prop="date" 11 label="Date" 12 >< ......
Vue利用element ui分栏,并将threejs插入到main
[TOC] Vue利用element ui分栏,并将threejs插入到main(主要内容区) #### 1.在node.js官网下载 ![image-20230720094531636](https://img2023.cnblogs.com/blog/3233988/202307/3233988 ......
Vue3加载Element-plus的字体图标
Element-plus不仅仅是提供了各种组件,同时还提供了一整套的字体图标方便开发者使用 安装icons字体图标 cnpm install @element-plus/icons-vue 全局注册 在项目根src目录下,创建plugins文件夹,在文件夹下创建文件icons.js文件 import ......
[CSS] Interchange background of an element
z-index property arranges how an element is stacked onto other positioned elements. At times you may set a z-index property on a child element to be l ......
react菜鸟教程笔记
https://www.runoob.com/react/react-state.html 1、状态和变量的使用 class Clock extends React.Component { // 变量存放--固定写法 constructor() { super(); this.state = {sh ......
56.vue3+vite+typescript+element-plus+setup语法糖实现el-table中的数据导出excel
vue3+vite+typescript+element-plus+setup语法糖实现el-table中的数据导出excel 2023/7/19 下午4:52:14 要在Vue 3中使用Vite、TypeScript和Element Plus来实现将数据导出为Excel,你可以按照以下步骤进行操作 ......