element-plus element vue3 plus
金立f1plus怎么样
相信有很多朋友都听说了近期金立推出的新手机金立f1plus，那么这款手机的性能如何呢，我们接下来可以一起看一下，不了解的小伙伴看完就了解了。 金立f1plus怎么样： 答：一般 金立f1plus这款手机就是最基础的千元机。 手机后置摄像头虽然说有三个，但是两个都是假的，不过这也可以起到一个很好的装饰 ......
vue3 父子组件共享响应式对象
父组件 <template lang=""> <div> <div class="greetings">按钮值：{{ num }}</div> <div> <button @click="num++">按钮</button> </div> <div> i am parent</div> <butto ......
Vue3 防止子组件触发父组件 点击事件
需求：我在写一个todocard,当我点击checkbox时候，父组件也会触发。 我需要在点击子组件checkbox的时候，父组件不触发。 解决方案： 在子组件上加 @click.stop ......
typescript vue3 VueDraggable 报错 Uncaught TypeError: Cannot read properties of null (reading 'element')
Uncaught TypeError: Cannot read properties of null (reading 'element') nnot read properties of null (reading 'index') 错误写法 就是说子组件需要用div包着，你用其他东西，他无法添加 ......
vue3微信公众号商城项目实战系列（4）第一个页面
在开始写第一个页面之前，先简单看下 index.html 、App.vue、main.js、HelloWorld.vue、TheWelcome.vue、WelcomeItem.vue 这几个页面及文件是怎么运作的，然后再新建2个页面，完成从一个页面跳转到另一个页面这个最简单的操作。 index.ht ......
element的Popover 弹出框组件关闭
封装了个message底部消息提示框。采用了Popover 组件制作。 点击页面某些地方没办法关闭此弹出框。所以写了个右上角的关闭图标，调用组件内部事件：doClose()关闭；doShow()显示 ......
Mybatis-plus 中Wrapper的使用
mybatis plus条件构造器关系图 1.上图绿色框为抽象类abstract 2.蓝色框为正常class类，可new对象 3.黄色箭头指向为父子类关系，箭头指向为父类 QueryWrapper 继承自 AbstractWrapper ,自身的内部属性 entity 也用于生成 where 条件及 ......
Vue3 简介
视频 Vue3快速上手 1.Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址：https://github.com/vuejs/vue-next ......
Vue3 Vite H5 手写一个横向展开的多级树列表
最近写h5要做那种稍微复杂一点的树，没找到现成的UI组件库可用，vant的树只有两级不满足，只能自己写 ps. 选框的选择/反选/半选对父子选项的影响还有bug，留到脑子好的时候再优化 效果 代码 框架是Vue3+Vite+Vant4。复选框用的vant的checkbox，应该也可以换别的或者原生。 ......
vite vue3 全局批量注册组件
方式1-使用import.meta.glob import { createApp, defineAsyncComponent } from 'vue' const app = createApp(App); app.mount('#app'); // antd全局使用图标，遍历引入 const i ......
vue3微信公众号商城项目实战系列（3）项目初始文件及文件夹简介
首先我们来看下项目的文件结构图，如下： 各个文件及文件夹作用如下： 文件或文件夹名称 作用 .vscode VisualStudioCode开发工具的配置信息存放目录，从这个目录可以看出vue3确实是推荐使用vscode作为开发工具的。 node_modules 项目中用到的包存放目录，当我们用 " ......
vue3 + ts + electron项目搭建过程
1、输入指令 npm create electron-vite 2、工程创建好后进入工程目录 执行 npm i 加载依赖项， 加载过程中可能会出现加载失败的问题，是因为github资源的问题，非项目本身问题，多执行几次即可 3、打包 输入npm run build，打包过程也会出现打包失败的问题，原 ......
element 设置选择日期范围短
只能选择今年和去年 <el-date-picker style="width: 100%;" v-model="sgcxForm.year" size="small" type="year" value-format="yyyy" :picker-options="pickerOptions0" p ......
vue3微信公众号商城项目实战系列（2）创建一个vue3项目
在我们的电脑上安装完nodejs后，本机就可以作为一个web服务器使用了，只不过这个web服务器上的网页使用javascript来编写。 接下来我们创建一个vue3项目，并运行起来，然后用浏览器来访问，没有什么比一个hello world更让人期待的了。 创建一个vue3项目我们可以使用脚手架工具来 ......
Vue.js element-ui
基本使用视频 按需引入视频 7.1移动端常用UI组件库 Vant https://youzan.github.io/vant Cube UI https://didi.github.io/cube-ui Mint UI http://mint-ui.github.io 7.2PC端常用UI组件库. ......
Vite-Admin后台管理系统|vite4+vue3+pinia前端后台框架实例
基于vite4.x+vue3+pinia前端后台管理系统解决方案ViteAdmin。 前段时间分享了一篇vue3自研pc端UI组件库VEPlus。这次带来最新开发的基于vite4+vue3+pinia技术栈搭配ve-plus组件库构建的中后台权限管理系统框架。支持vue-i18n国际化多语言、动态路 ......
element ui table 触底下拉加载数据
<template> <el-table height="300" :data="tableData" style="width: 100%;"> <el-table-column prop="date" label="Date" width="180"/> <el-table-column pro ......
Element Plus Tree 树 回显
<el-form-item label="菜单权限"> <el-tree :data="navList" ref="treeRef" node-key="menuId" highlight-current=“true” :props="defaultProps" @check="checked" s ......
vue3微信公众号商城项目实战系列（1）开发环境准备
项目忙完，这次上新，写一个前端系列，采用vue3来开发一个微信公众号商城。 前言： 1. 微信公众号商城本质也是一个网站，由一个个网页组成，只不过这些网页运行在手机端，能响应手指的点击、长按、拖拽等操作。 2. 既然是网页，当然可以用3件套（js+html+css）来写，但象vue这样的前端框架比3 ......
Angular 复习与进阶系列 – Component 组件 の Dependency Injection & Query Elements
前言 在 Angular 复习与进阶系列 – Dependency Injection 依赖注入 的结尾, 我们提到了如何在项目中, 组件中使用 DI. 但那些只是一小部分而已. Angular DI 在组件内的用途非常广, 而且挺复杂的. 这篇我们将详细的去理解它. ......
在Django+Vue3+GraphQL的Blog例子代码中引入Element-Plus UI Framework
Vue3的UI Framework中有Element-Plus、BalmUI、Quasar、PrimeVue、Ant Design Vue等UI Framework. Element-Plus是Element-UI的Vue3版,Element-UI的使用人数的基数较大,Github上的Star数也较 ......
uniapp使用vue3 setup
引入 uniapp 页面声明周期 <script setup> // 重点 import { ref } from 'vue' let index = ref("11"); onShow(() => { index.value = "22"; }); </script> ......
用quasar+vue3+组合式api VueRouter实现路由嵌套（二级路由）
前言： 本项目使用的是quasar创建，vue3的组合式api语法。部分语法不同，但不影响理解，修改语法后可以在vue2/选项式api项目中运行。 效果图： 文件目录结构和代码如下： 文中用到的标题栏数据如下： const titles = ref([ { name: "首页", path: "ho ......
Vue3中点击按钮滚动页面到低端
核心代码 <template> <div ref="editflagNode"></div> <div v-if="route.query.flag '1' || route.query.flag '3'"> <Title v-if="btnFlag || taskDetail.taskConclu ......
vue2+jsx与vue3+jsx插槽的写法
1.vue2 + jsx (1)slot组件 <template> <div class="index"> <h2>slotdemo -- 组件调用成功</h2> <slot name="title"></slot> <slot></slot> </div> </template> （2）调用 <s ......
mybatis-plus的使用
1. springboot自动装配原理 1.1 springboot包扫描原理 包建议大家放在主类所在包或者子包。默认包扫描的是主类所在的包以及子包。 主函数在运行时会加载一个使用@SpringBootApplication标记的类。而该注解是一个复合注解，包含@EnableAutoConfigur ......
【问题记录】【Mybatis-Plus】报表查询慢之自定义分页查询中的统计个数
1 问题原因 生产环境系统的券表、会员信息表本身比较大，然后查询券的时候会关联会员表进行查询，本身select 并不慢大概2-3秒，但是页面查询就是慢，猜测可能就是分页查询的时候统计个数的时候慢，试着数据库执行了一下，还真是，count就要快达到一分钟了，慢的原因找到了，就是要优化这个分页统计个数的 ......
Mybatis-Plus如何自定义SQL注入器？
有关Mybatis-Plus常用功能之前有做过一篇总结： MyBatisPlus常用功能总结！(附项目示例) 一、什么是SQL注入器 我们在使用Mybatis-Plus时，dao层都会去继承BaseMapper接口，这样就可以用BaseMapper接口所有的方法， BaseMapper中每一个方法其 ......
element_ui 实现登陆示例：
熟悉文档后，精简理解华为数据库备份操作， 日志审记开启， 目的是查看期间所有数据库操作的spl 语句。 开启方法，登陆后台，进入数据库管理面板，点击实例： 进入数据管理操作界面，占击左菜单， sql 审记 ，展开设置开启界面， 开启后会产生大量日志，储存到备份空间，空间用完就会产生额外费用 查看日志 ......
Mybatis-plus
工具 根据 SQL 语句 来生成 类文件的 在线生成器 http://java.bejson.com/generator/ 资料 已解决的问题列表 https://gitee.com/baomidou/mybatis-plus/issues?assignee_id=&author_id=&branc ......