element-plus element vue3 plus

vue3 defineEmits的用法

import { defineEmits } from 'vue' //定义emit 类型 interface EmitsType { (e: 'bClick', item: {name:string,age:number}): void } const emit = defineEmits<Emi ......
defineEmits vue3 vue

vue3 defineProps 的用法

import { defineProps, withDefaults, toRefs } from 'vue' //props 传过来的值的类型定义 interface ModuleType { num: number } const props = withDefaults(defineProps ......
defineProps vue3 vue

uniApp中 vue3 setup语法糖中 调用onLoad,onshow 等生命周期

import { onLoad,onShow } from "@dcloudio/uni-app"; onShow(()=>{ console.log(msg.value) }) ......
语法 周期 生命 uniApp onLoad

Mybatis-plus 简单使用

Mybatis-plus 特点介绍: 1、无侵入:只做增强不做改变,引入它不会对现有工程产生影响 2、强大的CRUD操作:内置通用Mapper、Service,仅仅通过少量配置即可实现单表大部分CRUD操作,更有强大的条件构造器,满足各类使用需求。 3、支持 Lambda 形式调用:通过 Lambd ......
Mybatis-plus Mybatis plus

vue3+ts+vite 炼丹之路(第一回)

前言: 作为一个写了七年的C#,半年PHP,三年的vue+两年的Java程序员,多少有点不伦不类,无奈,性格如此,小孩子才做选择,我全都想要☺, 相信现如今的形势下,有着和我相同经历的道友不在少数,革命一块砖,哪里需要哪里搬,有人说贪多嚼不烂,也有人说艺多不压身,至于能达到何种高度,想必都在个人投入 ......
vue3 vite vue ts

直播app开发搭建,Vue Element UI Upload 上传多张图片

直播app开发搭建,Vue Element UI Upload 上传多张图片 <template> <div> <el-card> <h1>轮播图 - 图片上传管理</h1> <el-divider></el-divider> <!--注意:使用 :model="uploadImgForm" 不要使 ......
多张 Element Upload 图片 app

51.使用vue3+vite+typescript+element_plus的setup语法糖实现发送axios的get请求http://localhost:3000/users接口数据,将获取到的json数据显示在页面上

<template> <div> <ul> <li v-for="user in users" :key="user.id">{{ user.name }}</li> </ul> </div> </template> <script setup lang="ts"> import { ref, on ......

Mybatis-plus 相关配置

mybatis-plus: type-enums-package: #对应实体类所在的包 mapper-locations: #mapper 映射文件 configuration: # 配置控制台sql打印 log-impl: org.apache.ibatis.logging.stdout.Std ......
Mybatis-plus Mybatis plus

vue3学习中使用vue-router@4的问题Invalid VNode type: undefined (undefined)

首先是按照常规的箭头函数引入的方法,结果报一下错误,且页面报错 const HelloWorld=()=>import('../components/HelloWorld.vue'); 解决办法 import { defineAsyncComponent } from 'vue' const Hel ......
undefined vue-router vue Invalid router

mybatis/mybatis plus 设置全局参数,表前缀使用

mybaits的配置 (主要观察表前缀) # MyBatis配置 mybatis: # 搜索指定包别名 typeAliasesPackage: com.qiqi.**.domain # 配置mapper的扫描,找到所有的mapper.xml映射文件 mapperLocations: classpat ......
mybatis 前缀 全局 参数 plus

解决:Mybatis-plus使用selectList查询数据为null

使用mybatis-plus的selectList查询数据封装进list 打印为null javaben和数据库字段也能对应上 原因 可以从图片看的出来 数据其实已经查询出来 三条数据 打印list集合 打印了三个null 说明数据没有封装进去 那就是javaben的问题 mybatis-plus默 ......
Mybatis-plus selectList Mybatis 数据 plus

Mybatis-plus做分页和联表查询

示例 首先先从代码上看一下我在框架中是如何使用的分页: 注: AboutusHomepage是实体类 1.Controller @RequestMapping public String index(@RequestParam(value = "pageNo", required = false, ......
Mybatis-plus Mybatis plus

Java学习:使用MyBatis Plus的分页插件和QueryWrapper结合自定义mapper xml实现多表关联查询

Vo: /** * 用来返回给前端展示列表的数据实体 */ @Data public class CourseVo implements Serializable { private static final long serialVersionUID = 1L; private String id ......
QueryWrapper 插件 MyBatis mapper Java

vue3+vite 中自定义 svg 图片 icon

关于 vue3 + vite 开发一个管理后台,并在后台中使用 自定义的 svg 图片左右路由icon #### 安装依赖 * `npm i vite-plugin-svg-icons --D` 或者 * `yarn add vite-plugin-svg-icons --D` 等其它的安装工具 # ......
图片 vue3 vite icon vue

Mybatis-plus中自定义的sql语句调用QueryWrapper实现查询

一、引言 MP自带的条件构造器虽然很强大,有时候也避免不了写稍微复杂一点业务的sql,那么今天说说MP怎么自定义sql语句吧。 二、具体实现 使用注解实现: 在我们Mapper接口中定义自定义方法即可。 /** * @Date: 2019/6/10 14:40 * @Description</spa ......

vue3.0 study

# 1、 new Vue - > create(vue) #### 2.0 ![](https://img2023.cnblogs.com/blog/1648896/202305/1648896-20230528192044795-1033688941.png) #### 3.0 ![](https ......
study vue3 vue

mybatis plus 校验用户名是否重复

添加 //判断登录名的唯一性 QueryWrapper<User> query = new QueryWrapper<>(); query.lambda().eq(User::getLoginName,user.getLoginName()); User one = userService.getO ......
用户名 mybatis 用户 plus

C Pointer plus

高级指针 补充回顾 标量:这个名称似乎是《C和指针》的特有名词,他是为了区分数组而产生,数组可以通过下标或者数组名间接访问,可以理解为向量,而标量则与其相反,例如结构体,但是在某些博客上,则认为标量是指枚举类型、字符类型以及整数类型 指向指针的指针 int i; int *pi; int **pii ......
Pointer plus

Vue引入Element组件

直接在VS Code的VueCLI的项目里进行npm安装,终端输入 npm i element-ui -S 显示报错信息,-4048,看了一下应该是我权限不够,虽然这里的VSCode也是Powershell的终端命令。 打开桌面主菜单,选择管理员命令行,切换到指定的文件下,然后安装element,成 ......
组件 Element Vue

对element Table表格中的el-input输入框输入的数值进行自定义校验

参考:https://blog.csdn.net/weixin_48145150/article/details/125292650 https://blog.csdn.net/m0_59951344/article/details/119818786 ......
数值 表格 el-input element Table

vue3中 TypeError: track(...) is not a function

我这边遇到的是在使用到element-plus的一个<el-input>标签时就开始出现(TypeError: track(...) is not a function),我怀疑这是element-plus与vue的版本问题,查看element-plus github的Releases 发现支持的版 ......
TypeError function track vue3 vue

VUE3

https://github.com/moocstudent/vue-war 昨天通过vue官网建立了vue项目,逐渐看了下组合式/选项式 API的区别 虽然在前几个月里,通过做SH的伙计给的单子接触了VUE ANTD,但是实际 上对其原理未知(难道只能说跟前天面试的一样,问Jquery是跟JS都是 ......
VUE3 VUE

vue3中computed计算属性函数

# vue3中computed计算属性函数 ``` 目标:现在vue3的使用越来越普遍了,vue3这方面的学习我们要赶上,今天说一下vue3中computed计算属性的使用。 ``` **computed函数在vue2中我们都了解过,当我们需要一个值,这个值随着其他值变化而变化,我们就将其放进com ......
函数 computed 属性 vue3 vue

基于Electron24+Vite4+Vue3搭建桌面端应用

一说到创建桌面应用,就不得不提及Electron和Tauri框架。这次给大家主要分享的是基于electron最新版本整合vite4.x构建vue3桌面端应用程序。 之前也有使用vite2+vue3+electronc创建桌面端项目,不过 vue-cli-plugin-electron-builder ......
Electron 桌面 Vite4 Vite Vue3

vue3:setup语法糖

## 1.setup语法糖简介 直接在script标签中添加setup属性就可以直接使用setup语法糖了。 使用setup语法糖后,**不用写setup函数;组件只需要引入不需要注册;属性和方法也不需要再返回,可以直接在template模板中使用**。 ## 2.setup语法糖中新增的api d ......
语法 setup vue3 vue

总结Vue3 的一些知识点:Vue3 计算属性

Vue3 计算属性 计算属性关键词: computed。 计算属性在处理一些复杂逻辑时是很有用的。 可以看下以下反转字符串的例子: 实例 1 <div id="app"> {{ message.split('').reverse().join('') }} </div> 实例 1 中模板变的很复杂起 ......
知识点 Vue3 Vue 属性 知识

总结Vue3 的一些知识点:Vue3 项目打包

Vue3 项目打包 打包 Vue 项目使用以下命令: cnpm run build 执行以上命令,输出结果如下: 执行完成后,会在 Vue 项目下会生成一个 dist 目录,该目录一般包含 index.html 文件及 static 目录,static 目录包含了静态文件 js、css 以及图片目录 ......
知识点 Vue3 Vue 项目 知识

vue3 后台返回数据没有返回字段是true和false 值的时候,循环数组,点击单个元素单个元素变化的写法

最原始的写法 <template> <div> <div v-for="(item, index) in items" :key="item.id" :class="{ active: item.active }" @click="handleClick(item)"> {{ item.text } ......
单个 元素 数组 写法 字段

mybatis-plus

mybatis-plus是一款Mybatis增强工具,用于简化开发,提高效率。下文使用缩写**mp**来简化表示**mybatis-plus**,本文主要介绍mp搭配SpringBoot的使用。 注:本文使用的mp版本是当前最新的3.4.2,早期版本的差异请自行查阅文档 官方网站:[baomidou ......
mybatis-plus mybatis plus