element-plus element vue3 plus
vue3中的自定义指令
1.适用到自定义指令的场景 防抖、图片懒加载、一键 Copy的功能、拖拽、页面水印、权限校验、输入框自动聚焦、相对时间转换、下拉菜单 2.个人需求:在后台系统中,有很多表单提交组件,其中很多限制数字且限制条件不同。最初使用 oninput="value=value.replace(/[^\d]/g, ......
vue3 高德地图弹窗选址功能
import { defineComponent, h } from 'vue'; import AMapLoader from '@amap/amap-jsapi-loader'; import { Input, AutoComplete, Modal, message } from 'ant-d ......
Mybatis-Plus详解(一篇带入了解底层原理)
一. MP简介 我们知道,Mybatis属于一个半自动的ORM框架。之所以说Mybatis是一个半自动的ORM框架,原因是它还需要我们自己在注解或是映射文件中编写SQL语句,并没有实现完全的自动化。SQL语句的编写,虽然增加了项目和业务需求实现的灵活性,但对一些基本表的操作而言,无疑增加了数据库操作 ......
实现态展示数字(从0动态涨到指定数字)vue2与vue3
vue2 1 安装插件npm install vue-animate-number 2 在MAIN.JS中引入import Vue from 'vue'import VueAnimateNumber from 'vue-animate-number'Vue.use(VueAnimateNumber) ......
python browser.find_element_by 方法过期browser.find_element_by_tag_name;browser.find_element_by_class_name;browser.find_element_by_id;browser.find_element_by_name;
python3.0以后 selenuim.webdriver 库不在推荐使用find_element_by_接后缀的方法 browser.find_element_by_id('slogan') browser.find_element_by_name('slogan') browser.find_ ......
B. Plus and Multiply
B. Plus and Multiply 手模拟了一下 发现式子是: $a^x + by = n $ 由于$a^x$是指数增长,直接枚举它的幂次即可,注意对$a=1$的情况特判 // AC one more times #include <bits/stdc++.h> using namespace ......
element-ui按需使用-2023年
element-ui按需引入报错 Error: Cannot find module ‘babel-preset-es2015‘ 版本需要更新了 下载babel npm i @babel/preset-env -D 因为是使用es6编译,所以在babel.config.js中写成 module.ex ......
【ABAQUS】finite element review
学习笔记,from abaqus document "getting start with ABAQUS" abaqus 两大类单元:finite element 和 rigid body 。 finite element is deformable. rigid body is umdeforma ......
Element-ui表格根据数值条件显示不同内容
从后端获取的 status 是数字格式的 0 或 1,没有语义可读性 |产品|启用状态| | | | |产品一|0| |产品二|1| <el-table-column prop="status" label="启用状态"> </el-table-column> 现在要 status 为 0 时显示 ......
教程 - 在 Vue3+Ts 中引入 CesiumJS 的最佳实践@2023
这篇如果 Vue 和 CesiumJS 不发生史诗级的变动,应该不会再有后文了。主要是这类文章没什么营养。 这篇主要修正上篇 https://www.cnblogs.com/onsummer/p/16629036.html 中一些插件的变化,并升级开发服务器的版本。 心急的朋友拉到文末,有示例工程链 ......
Depay虚拟信用卡:让Chat Gpt plus付费更便捷!
Depay——让您畅享无国界电子货币支付 Depay是一款支持BTC、ETH、UT等加密货币钱包,可以管理您的英镑、欧元和美元电子账户。您可以使用Depay进行英镑、欧元、美元等法定货币与BTC、ETH、UT的交易和转账,让您享受无国界电子货币支付的便利。 Depay是具有明确、合法的运营主体,满足 ......
vscode 开发 vue3项目 , src 别名 为 @ ,报错
https://geekdaxue.co/read/me-note@vue/mydm8l 需要设置 basicURL 然后就生效了 { "compilerOptions": { // 设置解析非相对模块名称的基本目录 "baseUrl": ".", // 设置模块名到基于baseUrl的路径映射,可 ......
Vue3 如何查看挂载在 vue 上的 全局组件
使用app.component 查看 [1]你可以通过全局 API app.component 注册全局组件并查看。在 Vue 3 中,你可以通过以下方式来查看挂载在 app 上的全局组件: const app = createApp({}); // 全局注册组件 app.component('my ......
element-plus —— 如何对elementUI-plus进行debugger
前言 无论什么UI其实操作都一样,至于为什么debugger,那肯定是有问题而且涉及到源码了,哈哈哈; 内容 引入组件后在对应的组件里面进行debugger即可 <template> <el-select></el-select> <el-dialog v-model="dialogVisible" ......
14.mybatis-plus学习
1.表和创建的实体类不一致比如: 表名t_user 实体类是User 解决:User类上加@TableName("t_user") 或者,全局表统一加: # 设置mybatis-plus的全局配置:global-config: db-config: #设置实体类对应的前缀 table-prefix: ......
vue3学习第二课:组件和父组件的传递数据给子组件方式props
1,在conponents目录中新建header.vue <template> <div> <h1>这是头部组件</h1> </div> </template> 2,在App.vue中添加 <template> <div> <Header></Header> <Main></Main> <Foote ......
学习使用VUE3+Django+GraphQL实现简单的Blog网站
这周每天花点时间学习使用VUE3+Django+GraphQL的使用,按照RealPython的网站的教程走了一遍,踩了一遍坑. Realpython上的教程使用的是Vue2的Vue-CLI模块,Vue本身已经进化到VUE3,并且推荐使用Vite代替Vue-CLI.我按照教程上的步骤将代码转化为VU ......
vue全家桶进阶之路29:Element Plus
Element Plus是一个用于Vue.js的UI组件库,为开发人员提供了一组可重用和可定制化的组件,用于构建现代Web应用程序。它是流行的Element UI库的扩展,重点是提高性能和可访问性。 Element Plus包括广泛的组件,如按钮、表单、表格、对话框等。 除了常规的UI组件外,Ele ......
element Compressor图片压缩且上传-
上传了压缩后的照片 <template> <div> <!-- <el-upload :class="uploadDisabled" ref="upload" :action="action" :headers="headers" list-type="picture-card" :limit="1 ......
Vue3.0学习二
组合式API:setup 在beforecreate之前就执行了。 import { ref, toRefs, toRef , h} from 'vue' export default { props:{ name: { type: String } }, //setup中使用props中的数据 s ......
vue admin plus 的菜单权限判断,菜单隐藏过滤,函数路径
main.ts -> setupRouter()router/index.ts -> setupPermissions()router/permissions.ts -> getUserInfo() && setRouters()store/modules/routes.ts -> filterRo ......
mybatis-plus 生成器
依赖 <dependency> <groupId>com.baomidou</groupId> <artifactId>mybatis-plus-generator</artifactId> <version>3.4.1</version> </dependency> <dependency> <g ......
element input输入框控制字符长度,汉字算两个字符
<el-input v-model="inputValue" maxlength="10" style="width: 20%" placeholder="请输入(一个汉字等于两个字符)" @input="checkLength"></el-input> <script setup lang="ts ......
mybatis-plus 平常用到的语句记录
//当前时间Date date = DateUtil.date();String dateStr = DateUtil.format(date, "yyyy-MM-dd"); sysLogLambdaQueryWrapperhydl.apply("DATE_FORMAT(create_time,'% ......
vue3.0和2.0的区别
Vue.js是一个渐进式JavaScript框架,Vue.js 3.0相比于2.0有以下区别: 更快:Vue.js 3.0的渲染速度比2.0快了近30%。 更小:Vue.js 3.0的体积比2.0小了41%。 更易维护:Vue.js 3.0的代码结构更加清晰,更易于维护。 更易于原生:Vue.js ......
VUE3 目录结构
├── dist/ └── src/ ├── api/ // 接口请求目录 ├── assets/ // 静态资源目录 ├── common/ // 通用类库目录 ├── components/ // 公共组件目录 ├── router/ // 路由配置目录 ├── store/ // 状态管理目录 ......
一个 OpenTiny,Vue2 Vue3 都支持!
TinyVue 是一套跨端、跨框架的企业级 UI 组件库,支持 Vue 2 和 Vue 3,支持 PC 端和移动端。今天给大家介绍如何同时在 Vue2 和 Vue3 项目中使用 TinyVue。 ......
vue3创建项目笔记
E:\vue3学习>npm init vite@latest vite-blog -- --template vueNeed to install the following packages: create-vite@4.2.0Ok to proceed? (y) y Scaffolding pr ......