vue3简单使用第115页

vue3 父传子子传父

父传子importindex1from'./view/index.vue'import{ref}from'vue'letmoney=ref(1000000000000)#app{width:100vw;height:100vh;color:#000;padding:50px;box-sizing:border-box;}子组件1{{money}}元import{ref}from'vue'//por

只会安静敲代码的小周·2023-12-31 12:29

Android万能适配器BaseRecyclerViewAdapterHelper的简单使用

继我们上一章的网络请求的封装中，我们在现有的项目中通过我们的万能适配器来写一个简单的Recyclerview列表效果图video1首先还是同样的道理，我们需要进行一个简单的依赖添加//recyclerview列表和万能适配器implementation'androidx.recyclerview:recyclerview:1.2.0-alpha05'//implementation'com.ali

写的都是BUG·2023-12-31 12:28

Android 万能适配器BaseQuickAdapter操作及免费源码

Android万能适配器BaseQuickAdapter操作及免费源码,本篇巨长无比,非常详细的介绍了BaseQuickAdapter,若有帮助到您,记得点个赞哦~简介导入依赖简单使用添加头尾布局添加空布局点击事件滑动动画自定义动画上拉加载更多下拉刷新预加载双布局适配器多布局适配器拖拽

s10g·2023-12-31 12:57

VUE3 之 click 事件

言归正传，今天我们来聊聊VUE3的click事件的相关知识。

追风人聊Java·2023-12-31 12:57

【Vue3】黑马程序员 SpringBoot3+Vue3 大事件项目中 P92 抽屉样式 `:deep() Term expected` 报错的解决方法

这个报错其实不影响运行，但有些有强迫症的同学可能会很难受，以下是解决方法：报错代码：:deep(){.avatar{width:178px;height:178px;display:block;}.el-upload{border:1pxdashedvar(--el-border-color);border-radius:6px;cursor:pointer;position:relative;o

小秀_heo·2023-12-31 11:35

【Vue3】请求参数

1.x-www-form-urlencoded请求方式：POSTname=John&age=25exportconstuserRegisterService=(registerData)=>{//直接传入会是json格式//URLSearchParams将json格式转为x-www-form-urlencoded格式constparams=newURLSearchParams();for(letr

小秀_heo·2023-12-31 11:02

idea的英文翻译插件安装（Translation）

一、安装Translation翻译插件File->Settings->Plugins->搜索Translation插件->Install二、简单使用选中要翻译的单词或短句->

一碗谦谦粉·2023-12-31 10:43

Vue3 源码解析（九）：setup 揭秘与 expose 的妙用

在前几篇文章中我们一起学习了Vue3中新颖的CompositionAPI，而今天笔者要带大家一起看一下Vue3中的另一个新鲜的写法——setup。

Originalee·2023-12-31 10:25

SpringBoot+SpringSecurity+MybatisPlus+Vue3小项目摘录(七)

文章目录路由处理（路由守卫）在router目录下新建一个permission.js文件需要在main.js中引用即可动态路由的实现如下图所示:实现步骤：在layout/index.vue中添加路由显示并在store/index.js文件中进行单页处理查看菜单表sys_menu的数据在view目录下新建对应的路径以及组件修改router/permission.js文件内容最后在router/inde

许锅锅啊·2023-12-31 08:56

SpringBoot+SpringSecurity+MybatisPlus+Vue3小项目摘录

文章目录SpringBoot+SpringSecurity+MybatisPlus后台框架搭建一、项目搭建准备基本的设置二、重要的代码标示：数据库相关建表语句sqlpom.xml依赖坐标文件application.yml文件安装好MybatisX插件通过插件生成代码按照序号依次点击即可最后看一下生成的项目结构编写控制器进行测试启动服务测试:通用结果集编写(自行扩展也是也可以的哈！！！)Vue的基础

许锅锅啊·2023-12-31 08:55

SpringBoot+SpringSecurity+MybatisPlus+Vue3小项目摘录(五)

文章目录获取用户角色权限信息实现用户角色权限的sql初始化语句5张数据表的如下：通过MybatisX插件将对应的模块的三层接口生成面向对象思想编程基类对象BaseEntity的创建编写时间对象CustomDateTimeSerializer进行解析处理（时间需要进行处理)最后在几个实体对象中先继承自BaseEntity，并将对象中的几个重复属性进行注释或者删除即可修改自定义登录逻辑中的获取权限信息

许锅锅啊·2023-12-31 08:25

SpringBoot+SpringSecurity+MybatisPlus+Vue3小项目摘录(四)

文章目录关联数据库实现登录在common包下新建自定义的用户登录实现类service层的变化:自定义异常进行统一处理【自定义异常】（新建子包exception处理器）在Security的配置类中添加如下代码：前端登录的测试：①、输入错误时②、输入正确时③、输入正确【但是账户未激活时】JWT认证过滤器实现前端中修改登录成功的跳转①、新建layout目录并新建index.vue【带有布局的首页】②、后

许锅锅啊·2023-12-31 08:25

SpringBoot+SpringSecurity+MybatisPlus+Vue3小项目摘录(二)

文章目录SpringSecurity框架引入以及几个常用工具类几个常用的工具类介绍jwt相关1）最常使用的JWT这种方案有一些缺点：JWT正好可以解决这些问题：可以看出JWT以不同颜色区分，两个小数点隔开，分为了三部分：也可以参考hutool.com中的工具类哦我之前已经封装过一些工具了类，在这里就直接拿来使用了JWT的工具类：String常用字符串操作的工具类:后台跨域处理的配置类:编写基本的请

许锅锅啊·2023-12-31 08:24

SpringBoot集成Vue3实现的系统(三)

学习目标：SpringBoot集成Vue3实现的系统(三)小内容完结篇提示：SpringBoot2与Vue3的小练习图文摘录(三)例如：三篇文章带你更熟悉掌握前后端分离的基本实现新闻模块化操作在后台的很多实际应用中都存在这很多的内容编辑的处理

许锅锅啊·2023-12-31 08:54

SpringBoot集成Vue3实现的系统(二)

学习目标：SpringBoot集成Vue3实现的系统(二)提示：SpringBoot2与Vue3的小练习图文摘录（二）例如：三篇文章带你更熟悉掌握前后端分离的基本实现用户信息的批量删除在表格中添加一列并设置其

许锅锅啊·2023-12-31 08:53

SpringBoot集成Vue3实现的系统(一)

学习目标：SpringBoot2+Vue3+MP图文摘录（一）提示：SpringBoot2与Vue3的小练习图文摘录高能提示：三篇文章带你更熟悉掌握前后端分离的基本实现一、vue的基本环境搭建新建项目vue3

许锅锅啊·2023-12-31 08:53

SpringBoot+SpringSecurity+MybatisPlus+Vue3小项目摘录(六)

文章目录后台主界面搭建页面可以直接参考elementPlus中的布局容器实现编写index.vuehtml代码css样式代码预览效果如下:每个vue视图中的内容都是相同的在lauout/index.vue中进行引入组件tabs/index.vue组件的内容如下:footer/index.vue组件的内容如下:左侧动态权限菜单的实现1、登录成功之后在后台动态的查询该用户的权限信息修改LoginSuc

许锅锅啊·2023-12-31 08:17

vue3引入百度地图（两种方法）

首先要有百度开放平台并进行注册，不懂看这里###第一种方法地图引入流程安装vue-baidu-map-3x插件参考官网地址：快速上手|vue-baidu-map-3xnpminstallvue-baidu-map-3x--save在public/index.html文件中引入创建vue文件，编写如下元素布局{{address}}message.success('定位成功已切换到'+e.addres

@tg6666666666666·2023-12-31 07:09

Vue3使用WangEditor编辑器

WangEditor的基本使用，图片上传功能没详细讲解，只是做个记录。Componets下定义WangEditor.vue文件import{defineProps,computed,shallowRef,defineEmits}from'vue'import{Editor,Toolbar}from'@wangeditor/editor-for-vue'importCookiesfrom'js-co

会编码的派大星·2023-12-31 07:49

[Vue warn]: injection “Symbol(router)“ not found.

[Vuewarn]:injection“Symbol(router)”notfound.当前问题vue3，使用路由的时候报错main.ts:8[Vuewarn]:injection“Symbol(router

.徐十三.·2023-12-31 07:43

gitLab页面打tag操作步骤

作者：moical链接：gitLab页面打tag简单使用-掘金(juejin.cn)来源：稀土掘金著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

奋豆来袭·2023-12-31 07:40

vue3 ts 使用 Ant Design Vue 全局引入 icons

import{createApp}from'vue'importAppfrom'./App.vue'importrouterfrom'./router'importstorefrom'./store'importAntdfrom'ant-design-vue'//导入所有图标库import*asIconsfrom"@ant-design/icons-vue";importtype{Componen

该用户已成仙·2023-12-31 06:01

vite 创建vue3项目（vue-router、vuex、scss、环境变量、selint、stylelint、normalize.css）

目录一.创建基础vue项目二.安装vue-router三.设置路径别名@四.vuex五.SCSS六.环境变量七.eslint八.stylelint九.normalize.css一.创建基础vue项目npminitvite----templatevue选择vue->vue-ts进入目录运行npmruninstall与npmrundev便可运行二.安装vue-routernpminstallvue-r

该用户已成仙·2023-12-31 06:30

SHH 客户端神器之MobaXterm

本文着重介绍：MobaXterm的下载、安装、简单使用，以及其强大的功能亮点（优点）。

在奋斗的大道·2023-12-31 05:44

node: /lib64/libm.so.6: version `GLIBC_2.27‘ not found

node:/lib64/libm.so.6:version`GLIBC_2.27‘notfound1.背景说明2.原因3.解决方法4.打包镜像5.参考1.背景说明为了适配vue3，发布前端项目的jenkins

山巅·2023-12-31 05:05

getWay的简单使用

网关介绍网关作为流量的入口，常用的功能包括路由转发，权限校验，限流等getWay介绍SpringCloudGateway是SpringCloud官方推出的第二代网关框架，定位于取代NetflixZuul。相比Zuul来说，SpringCloudGateway提供更优秀的性能，更强大的有功能。SpringCloudGateway是由WebFlux+Netty+Reactor实现的响应式的API网关。

桥边大爷·2023-12-31 04:42

Vue3中实现聊天室界面滚动条默认滑动到最底部

1、背景：实现一个类似于chatGpt的聊天界面，左侧具有创建会话以及聊天记录列表界面，如图：2、需求：用户单击左侧聊天记录列表，以及新发送消息，右侧会话历史滚动条需要实时保持在聊天记录最底部,并且当用户滚动滚动条时，取消滚动到底部的效果（避免页面抖动），当用户再次将滚动条滚动到底部时，再次触发滚动到底部效果//通过class绑定会话容器.height{height:800px;}3、只需要封装方

₍•ʚ•₎呀呀·2023-12-31 01:26

创建vue3数学符号选择器(vue3+elementPlus+ts)

本文包含两种效果：效果一：数学符号只能选择一次，选中的数学符号高亮效果二：相同的数学符号可以选择多次，当前选中的数学符号高亮首先创建math.ts定义常见数学符号数组:exportconstsymbols=[{id:1,value:'+',description:'加号'},{id:2,value:'-',description:'减号'},{id:3,value:'×',description:

₍•ʚ•₎呀呀·2023-12-31 01:26

Python scapy的简单使用

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档一、DNS监测简单脚本？主要通过抓取端口53以及dns的包,通过数据包的qname和rrname判断是否存在某个域名的解析fromscapy.allimport*fromscapy.layers.dnsimportDNSQR,DNSRR,DNSfromscapy.layers.inetimportIPimporttimedefdns_

M03-Aiwin·2023-12-31 01:42

Vue3路由缓存问题

问题场景点击菜单切换页面，由于所有子菜单用的同一个组件（只是渲染数据不同），所以组件不会重新渲染（复用），请求不会发送，数据也就不会更新产生原因路由只有参数变化时，会复用组件实例解决方案给router-view添加key，实现强制更新2.使用beforeRouteUpdate导航钩子（监听路由变化的函数）当路由变化时，将更新数据的函数放进去，只要路由发生变化就会调用函数更新数据方案对比对比两种方案

午安້໌ᮨ·2023-12-31 00:12

Vue3-30-路由-嵌套路由的基本使用

什么是嵌套路由嵌套路由：就是一个组件内部还希望展示其他的组件，使用嵌套的方式实现页面组件的渲染。就像根组件通过路由渲染普通组件一样，嵌套路由也是一样的道理。嵌套路由的相关关键配置1、标签声明被嵌套组件的渲染位置；2、路由配置表中使用children:[]来声明嵌套的子路由；3、子路由的path属性中不可以带/,否则无法匹配！4、嵌套路由可以无限嵌套。嵌套路由的语法格式{path:'/a',//父级

NorthCastle·2023-12-31 00:07

Vue3-29-路由-编程式导航的基本使用

补充一个知识点路由配置中的name属性：可以给你的路由指定name属性，称之为命名路由。这个name属性在编程式导航传参时有重要的作用。命名路由的写法如下：像指定path一样，直接指定一个name属性即可。{path:'/d',name:'dName',component:componentC}什么是编程式导航编程式导航是相对于标签的路由方式来讲的。的方式称之为声明式导航；编程式导航：就是在代码中

NorthCastle·2023-12-31 00:36

Vue3-31-路由-RouterView的name属性的作用

作用描述标签是用来渲染路由对应的组件的位置；默认情况下，一个路由是只对应一个组件的。但是，可以通过给指定name属性的方式，实现同时渲染多个组件的效果。这也叫做命名视图。注意点1、因为一个路由需要对应多个组件，所以在进行路由配置时需要使用components来代替component;2、在使用时指定name属性，不指定的，默认是default；3、components中使用key-value的形式

NorthCastle·2023-12-31 00:35

rule engine（规则引擎）简单使用

规则引擎RuleEngine业务逻辑实现不再依赖于代码开发，可零代码实现复杂业务逻辑。GitHub地址：https://github.com/rule-engine/rule-engine（欢迎提出宝贵意见）Gitee地址：https://gitee.com/qwding/rule-engine项目展示地址：http://ruleengine.cn/场景举例假设我们有一个需求，有个商城增加一个新老

丁乾文·2023-12-30 23:03

Python基础语法笔记 tkinter的简单使用

语法物质动态类型语言,不需要声明类型数字类型intfloatbool操作//整除**幂字符串str1="Hellopython"str2="world"print(str1*3)#重复输出print(str1[1])#索引访问print(str1+""+str2)#拼接print(str1[2:4])#字符串切片print(len(str1))#长度#查找与替换print(str1.find("p

killsime·2023-12-30 23:55

CAMPUS 校园伙伴匹配系统完结啦

SUPER速配-伙伴匹配系统CAMPUS校园伙伴匹配系统项目介绍校园伙伴匹配（CAMPUS伙伴），一个前后端分离的用户匹配系统，前端使用Vite+Vue3+Vant4，后端使用SpringBoot+MyBatis-Plus

猫十二懿·2023-12-30 21:02

企业应用集成技术

控制集成的集成点存于程序代码中，集成处可能只需简单使用公开的API(ApplicationProgrammingInterface，应用程序编程接口)就可以访问，当然也可能需要添加附加的代码来实现。

Keyliva·2023-12-30 18:03

vue3项目中使用vite-plugin-svg-icons插件

png格式的图片可以合成精灵图，然后根据定位使用那么svg格式的图片，可以通过插件打包成svg地图，通过ID来使用，一次加载，动态使用，图片无需懒加载，参考官网插件安装yarnaddvite-plugin-svg-icons-D#ornpmivite-plugin-svg-icons-D#orpnpminstallvite-plugin-svg-icons-D在vite.config.ts文件中配

Eleven....·2023-12-30 18:23

vue3 v-model语法糖

count”和@input=“count=$event”xxx.sync语法糖完整写法:xxx=“msg”和@update:xxx=“msg=$event”现在：一个v-model指令搞定，不需要记忆两种语法vue3

Eleven....·2023-12-30 18:18

初识Sringboot3+vue3环境准备

环境准备后端环境准备下载JDK17https://www.oracle.com/java/technologies/downloads/#jdk17-windows安装就下一步下一步,选择安装路径配置环境环境JDK17+、IDEA2021+、maven3.5+、vscode后端基础：javaSE，javaWeb、JDBC、SMM框架（Spring+SpringMVC+MyBatis）、MyBati

QGS-CD·2023-12-30 17:26

vscode安装vue3环境

vscode官网（https://code.visualstudio.com/）下载安装vscode随便安装在哪个盘，安装完成后在插件中心安装VUE插件，搜索Chinese会出现中文插件，点击安装。安装完成后按下ctr+shift+p会出现搜索页面，搜索configuredisplaylanguage选择中文简体，重启vscode后就是中文显示了。然后再在插件中心搜索：volar（Vuelangu

小白想进阶·2023-12-30 16:18

idea插件EasyCode的使用

idea插件EasyCode的简单使用前言：我们知道mybatis-plus有自己的代码生成模板，但是有些版本每次都需要引入代码和maven依赖，此时可能人会有些不方便，因此我们可以使用idea的一个插件

xiaozhulzq·2023-12-30 15:20

浅谈Android MVP架构的简单使用

前言：MVP作为一种MVC的演化版本在Android开发中受到了越来越多的关注，但是MVP到现在为止并没有统一的标准或者框架。网络或github上也有很多相应的模板，但是并不是自己想要的，所以自己便简单地封装下。先看下效果图：1、项目结构：所用到的依赖build.gradle中加入：//网络请求implementation'com.squareup.retrofit2:retrofit:2.6.0

HelloWord-·2023-12-30 15:44

在Vue3中实现前端导出Excel功能

本文主要介绍在Vue3中实现前端导出Excel功能。

专业研究祖传Bug编写术·2023-12-30 14:24

详解Vue3中的常见的监听事件submit、mouseenter和mouseleave

本文主要介绍Vue3中的常见的监听事件submit、mouseenter和mouseleave。

专业研究祖传Bug编写术·2023-12-30 14:20

详解Vue3中的事件监听方式

本文主要介绍Vue3中的事件监听方式。目录一、v-on指令二、使用@符号简写三、事件修饰符四、动态事件名五、常见的监听事件六、自定义事件在Vue3中，事件监听的方式与Vue2有一些不同。

专业研究祖传Bug编写术·2023-12-30 14:19

详解Vue3中的常见的监听事件click、input和change

本文主要介绍Vue3中的常见的监听事件click、input和change。