vue3随手记

vue3 h5腾讯地图组件实现地图选点功能

去腾讯地图申请账号，拿到自己的key直接上完成版代码选点经度：{{currentPicked?.latlng.lat}}纬度：{{currentPicked?.latlng.lng}}城市：{{currentPicked?.cityname}}位置信息：{{currentPicked?.poiaddress}}--{{currentPicked?.poiname}}import{ref,react
码到功成996·2024-01-05 15:53

【开发记录】vue3封装一个echarts轮播动画hooks

vue3封装一个echarts轮播动画hooks，记录一下exportconstuseChartAnimation=(vChartRef:typeofVChart,option:any)=>{letisLoad
liyfn·2024-01-05 15:22

Vue3地图选点组件

Vue3地图选点组件{{item.name}}{{item.address}}确定-->{{poi.name}}{{poi.address}}-->import{onMounted}from'vue';
liyfn·2024-01-05 15:20

cesium实现自定义弹窗（随地球移动）vue3+cesium

完成的效果第一步添加地图点击事件(我是在onMounted中定义的)lethandler=newCesium.ScreenSpaceEventHandler(viewer.value.scene.canvas)handler.setInputAction((e)=>{判断有没有地图的这个属性if(!viewer.value.scene)returnletdata=viewer.value.scen
逃跑的羊·2024-01-05 15:48

如何实现cesium 分屏的功能（vue3+cesium）

实现的效果如下第一步来定义我们的地图样式layerValue表示要分成几个屏经纬度表示我们划过屏幕可以显示我们当前屏幕的经纬度信息{{item.longitude}},{{item.latitude}}.split-screen-map{width:100vw;height:100vh;position:fixed;z-index:1999;padding:10px;top:0;left:0;ba
逃跑的羊·2024-01-05 15:48

Vue 3.0 给我们带来哪些惊喜（1）- 更快虚拟DOM渲染

目标让大家更好地理解vue3.0中对性能进行优化的机制参考尤雨溪的有关vue3.0中性能提升和新特性的分享vue3.0的目标更快更小更容易维护更容易和native集成，更好的多端支持让开发更轻松以上就是
zidea·2024-01-05 14:51

vue-quill-editor 解决vue3富文本编辑器初始化自动聚焦

constfocus=ref()onMounted(()=>{focus.value.$refs.editor.__quill.blur();})
星空下的西瓜地·2024-01-05 14:22

vue3中状态管理库pinia的安装和使用方法介绍及和vuex的区别

Pinia与Vuex一样，是作为Vue的“状态存储库”，用来实现跨页面/组件形式的数据状态共享。它允许你跨组件或页面共享状态。如果你熟悉组合式API的话，你可能会认为可以通过一行简单的exportconststate=reactive({})来共享一个全局状态。当该数据、方法在很多地方都需要使用或需要通过页面保存的数据，如显示在导航栏中用户信息，一个多步骤表单页面等，这时我们就可以使用Store了
邹荣乐·2024-01-05 13:00

Vue知识总结-上

由只需要轻量小巧的核心库构建的简单应用逐渐扩展为可以引入各式各样的Vue组件构建的复杂应用)JavaScript框架Vue需掌握的内容：Vue基础、Vue-cli、vue-router、vuex、element-ui、vue3Vue
奉先节度使·2024-01-05 13:34

几种vue后台管理框架介绍

几种vue后台管理框架介绍1.vue-element-admin2.RuoYi3.iview-admin4.D2Admin5.vue-admin-beautiful6.el-admin7.vue3+element-plus
joan_85·2024-01-05 13:28

vue保姆级教程----深入了解 Vue3路由守卫

鸿蒙专栏：想学鸿蒙的，冲C语言专栏：想学C语言的，冲VUE专栏：想学VUE的，冲这里CSS专栏：想学CSS的，冲这里Krpano专栏：想学VUE的，冲这里上述专栏，都在不定期持续更新中！！！！！！！！！！！！！目录✨前言全局前置守卫全局解析守卫全局后置钩子路由独享守卫组件内守卫完整的导航解析流程实现原理实现机制全局守卫组件内守卫next函数总结✨结语✨前言导航守卫是VueRouter中非常重要的一
前端讲堂-鸿蒙课堂·2024-01-05 12:53

vue保姆级教程----深入了解 Vue3计算属性

鸿蒙专栏：想学鸿蒙的，冲C语言专栏：想学C语言的，冲VUE专栏：想学VUE的，冲这里CSS专栏：想学CSS的，冲这里Krpano专栏：想学VUE的，冲这里上述专栏，都在不定期持续更新中！！！！！！！！！！！！！目录✨前言计算属性基础与方法的区别计算属性获取器与设置器在模板中使用监听依赖变化计算属性的实现原理设置setter的原理响应式依赖✨结语✨前言计算属性是Vue中非常重要也很实用的一个功能。它
前端讲堂-鸿蒙课堂·2024-01-05 12:23

ts相关笔记（基础必看）

另外，如果想了解更多ts相关知识，可以参考我的其他笔记：vue3+ts开发干货笔记TSConfig配置（tsconfig.json)ts相关笔记（Partial、Required、Readonly、Record
Bwcx_lzp·2024-01-05 12:48

vue3+vant4 移动端软键盘弹出 收起导致项目样式布局错乱解决方案，亲测有效！！

问题描述最近在做vue3H5的移动端项目我用的是vue3+vant4，然后在使用过程中发现小米14手机在点击密码输入框软键盘弹出时会导致项目布局整体向上移动导致页面布局错乱。
枫ゞ·2024-01-05 12:17

六项精进0817

一、学习与实践1.付出不亚于任何人的努力2.要谦虚，不要骄傲3.要每天反省4.活着，就要感谢5.积善行，思利他6.不要有感性的烦恼二、今日分享今天一到公司就拿了一本本子，随手记下要做的事情，完成一件，钩一件
蓝晓霁·2024-01-05 11:57

表格封装之 useForm 封装

本文基于Vue3、TypeScript、ElementPlus进行封装。本文中不便于描述的功能在代码示例中注释标
不二博客·2024-01-05 11:29

表格封装之 useTable 封装

本文基于Vue3、TypeScript、ElementPlus进行封装。本文中不便于描述的功能在代码示例中注释标注。封装Hook封装一个表格，我们需要满足基本的表格的查询，渲染，分页，以及分页等
不二博客·2024-01-05 11:54

Vite5 + Vue3 + Element Plus 前端框架搭建

为了开发一套高效使用的Vite5+Vue3+ElementPlus前端框架，你可以按照以下步骤进行。话不多说，先上演示地址：VueShopVite。
xiangzhihong8·2024-01-05 10:59

Vue2&Vue3中的组件传值&自定义v-model语法糖

祖孙组件间传值Vue3中的祖孙组件间的传值:①父组件通过使用provide（）方法，定义依赖数据。
我的安娜有点菜·2024-01-05 10:09

JavaScript函数式编程

为什么使用函数式编程函数式编程时随着React的流行受到越来越多的关注Vue3也开始拥抱函数式编程函数式编程可以抛弃this打包过程中可以更好的利用treeshaking过滤无用代码方便测试、方便并行处理有很多库可以帮助我们进行函数式开发
欢欢学编程·2024-01-05 09:10

vue3.0&&vue2.0-prop

注:本篇涉及到的知识点，组合式模式以及vue2.0和vue3.0选项式，组合式中非模式，使用比较少，不再讲解，可自行看官网目录一、vue3.0组合式1、vue3.0组合式prop传值:父组件传值给子组件
GllWyz·2024-01-05 09:06

德语单词学习：德语与英语拼写相似单词随手记

dasApartment公寓apartmentderBalkon阳台balconydieGarage车房garagedasGärten花园gardendasHaus房子housedieHausnummer门牌号码housenumberderPool游泳池pooldasWCs厕所restroomWCdieToilette厕所toiletdiewand墙wall
月明西湖·2024-01-05 08:12

Vue3集成scss实现清除浏览器默认样式

1.首先去npm官网找到对应的reset.scss文件，复制内容在本地src下style建一个一模一样的文件，内容复制进去npm|Home2.在style文件夹下再建一个index.scss文件，在它里边引入刚刚建好的reset.scss文件，如下@import'./reset.scss';3.在main.ts中引入该文件，就可以让清除浏览器样式全局生效import'@/styles/index.
EntyIU·2024-01-05 08:31

vue3中集成sass实现全局scss样式变量

一、安装sassnpmisass二，在style/variable.scss创建一个variable.scss文件//给项目提供的scss全局变量$mycolor:red;三、在vite.config.ts文件配置如下:exportdefaultdefineConfig({plugins:[vue(),//scss全局变量的一个配置css:{preprocessorOptions:{scss:{j
EntyIU·2024-01-05 08:01

Vue3中配置env环境变量

什么时候会用到这个呢，比如我们的后端开发有多名，很多时候需要切换调用不同人的接口地址，或者在打包的时候，需要指定环境中的后台接口地址，那么我们频繁修改代码，就很麻烦，这个时候，就可以提前编写好每个人或者每个后端对应的环境文件，启动的时候指定对应的文件即可这里以开发环境和生产环境为例首先定义两个env文件，格式为，.env.环境名，里边的内容格式为#变量必须以VITE_为前缀才能暴露给外部读取NOD
EntyIU·2024-01-05 08:53

Vue3如何实现组件之间的数据传递

一，propsprops可以实现父子组件通信,在vue3中我们可以通过defineProps获取父组件传递的数据。且在组件内部不需要引入defineProps方法可以直接使用！
EntyIU·2024-01-05 08:23

CentOs 环境下使用 Docker 部署 Ruoyi-Vue

Docker部署Ruoyi-VueRuoYi-Vue项目下载地址RuoYi-Vue:基于SpringBoot，SpringSecurity，JWT，Vue&Element的前后端分离权限管理系统，同时提供了Vue3
Lincain·2024-01-05 07:49

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -后端架构搭建

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-05 07:02

前端食堂技术周刊第 110 期：Vue3.4、新版 Vue DevTools 开源、AI 2023 年度总结合集、Web Components 的另一个未来

技术资讯jQuery4.0即将发布ParkUI，shadcn/ui竞品Rolldown2024Q1开放代码库Vue3.4SlamDunkTanStackRouter1.0Next.js正在探索迁移到Lightnin
童欧巴·2024-01-05 07:27

前端实现pdf，图片，word文件预览

以下使用Vue3代码实现所有功能，建议以下的预览文件标签可以在外层包裹一层弹窗。图片预览iframe标签能够将另一个HTML页面嵌入到当前页面中，我们的图片也能够使用iframe标签来进行展示。
前端鼓励师·2024-01-05 07:28

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -小程序端TabBar搭建

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-05 06:44

解决vue3.x debugger不能使用的问题

package.json->eslintConfig找到rules属性填写这段代码"rules":{"no-debugger":"off","no-console":"off","generator-star-spacing":"off","no-tabs":"off","no-unused-vars":"off","no-irregular-whitespace":"off"}重新运行项目，ok
最胖的小仙女·2024-01-05 06:33

VUE3发布到IIS跳转页面报404以及刷新报404解决

原文链接：https://blog.csdn.net/langligelangxy/article/details/131975495
一只害虫·2024-01-05 06:01

vue3 vite动态路由的问题

因为to.matched未配到路由导致，vue-router.mjs:35[VueRouterwarn]:Nomatchfoundforlocationwithpath"/basedata/psiIntialCustomer/add"加下面的代码，是解决不了问题，因为它只是转向了404页面。constroutes_404={path:"/:pathMatch(.*)*",hidden:true,c
warrah·2024-01-05 04:20

vue3中标签form插件

想写一个系统，对八字进行标注，比如格局，有些八字就有很多格局，于是就想着使用el-tag但是，form表单中如何处理呢？这个时候，就需要自己写一个,modelValue是表单的默认属性{{item}}+新增constinputVisible=ref(false)import{nextTick,ref,watch,getCurrentInstance}from'vue'importtype{Form
warrah·2024-01-05 04:48

新手上路~VUE3+Element-PLUS dialog弹出框重置表单不生效问题

遇到问题：添加操作，dialog弹出框里面的表单清空不生效！！！父组件核心代码//打开新增弹窗import{defineAsyncComponent,ref}from'vue';constroleDialogRef=ref();//引入组件constroleDialog=defineAsyncComponent(()=>import('/@/views/system/organization/ro
金金金__·2024-01-05 03:53

随手记（769-更七0）

图片发自App对于长辈，尤其是年老的长辈，总希望子孙陪在身边，只要看到他们就高兴。只要有吃的，总是往你怀里揣。要是不吃，就急得不得了。外婆就是这样，随时给我们拿吃的，把我们当小孩子了。在那个特殊的年代，因为非pin下中nong子女，总是被欺负，本组的人不但不帮忙，反而落井下石。而别组的人常常挺身而出。知恩图报的父母，当初为自己说话的人因为疼痛时，父亲毫不犹豫的为对方拔了火罐，还留对方在家过夜。给我
刘馨莹777·2024-01-05 02:21

Vue3-32-路由-重定向路由

什么是重定向路由的重定向：将匹配到的路由【替换】为另一个路由。redirect:重定向的关键字。重定向的特点1、重定向是路由的直接替换,路由的地址是直接改变的；2、在没有子路由配置的情况下，重定向的路由可以省略component属性的配置，因为根本不会渲染组件；重定向的几种写法1.直接使用路径重定向constroutsList=[{path:'/a',name:'aroute',component
NorthCastle·2024-01-05 01:03

Vue3-34-路由-路由配置参数 props

说明路由的路径中可以携带参数，形式如：/a/:pname，这个:表示这是个参数，pname：表示参数名称。在组件中，可以通过当前路由对象的params属性来获取到这个参数，当前路由对象可以通过useRoute()API来获取到。基本的代码如下：import{useRoute}from'vue-router';constcurrentRoute=useRoute()//获取对应的路径参数consol
NorthCastle·2024-01-05 01:03

Vue3-35-路由-路由守卫的简单认识

什么是路由守卫路由守卫，就是在路由跳转的过程中，可以进行一些拦截，做一些逻辑判断，控制该路由是否可以正常跳转的函数。常用的路由守卫有三个：beforeEach():前置守卫，在路由跳转前就会被拦截；beforeResolve():解析守卫，对路由的中的做元数据解析判断等逻辑处理；【常用】afterEach():后置守卫，路由跳转之后的操作，这个用的较少。本文对上述三个路由守卫进行一下简单的使用，供
NorthCastle·2024-01-05 01:03

Vue3-33-路由-路由的别名配置 alias

别名的作用路由中的别名配置，可以实现多个路径对应同一个路由。例如：路由的路径是/a;配置别名为：/a2;则访问/a或/a2的时候，都可以访问到同一个组件。别名的特点关键字：alias当通过别名进行路由访问时，路由地址不会发生替换；当通过重定向进行路由访问时，路由地址会发生替换。以上就是别名与重定向的区别。别名的使用有三种基本的使用方式：1、简单的指定一个别名；2、可以指定数组的形式；3、嵌套路由需
NorthCastle·2024-01-05 01:02

VUE3-响应式

VUE3-响应式响应式简介为什么使用Proxy图解实现流程DEMO实现讲解DEMO-reactiveDEMO-baseHandlerDEMO-EffectDEMO-Ref响应式简介Vue3引入了新的响应式系统
禅思院·2024-01-05 01:15

vue高频面试题合集（一）附答案

vue3.0特性你有什么了解的吗？
helloworld1024·2024-01-05 00:54

英语课后随手记

1.快下课往往就沉不住气，跟吃饭有时剩一口就不吃了一样，做事快要完成可能就敷衍了，这可能是小事情养成的习惯吧。这个习惯很不好，做事需要干净利落，不能脱泥带水，以后做事慢慢改变这个习惯，提高效率。2.有句话说：当你觉得比较难的时候才是你真正成长的时候，学术英语视听说就很难，我该怎样去提高。而且身边的人的确比我更优秀。3.还有不要想着课后再努力，做好一件事做好时候永远在当下，当下不努力，如何相信自己后
雪切丝·2024-01-04 22:54

SpringBoot+SpringSecurity+MybatisPlus+Vue3小项目摘录(十)完结篇

文章目录角色信息管理模块化操作角色管理【条件列表分页显示】后端的控制SysRoleController请求方法编写前端的视图处理效果如下：新增/修改角色信息管理后端控制器的请求方法编写:前端视图的处理将用户模块的进行复制之后进行修改，需要的注意的点：效果如下：删除/批量删除角色信息管理后端控制器的请求编写：前端页面的处理:显示以及修改权限菜单树预览效果：后台控制器的的方法编写：前端页面的处理：参照
许锅锅啊·2024-01-04 22:47

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

文章目录用户信息管理模块化操作1、用户信息列表分页显示数据实现可以在实体对象中封装一个分页的对象后端控制器的编写如下:请求方法上需要加上权限的处理哦前端的views/sys/user/index.vue组件的编写预览效果:国际化处理在main.js中进行处理即可常见问题如果在请求的过程中，出现上述问题，则需要检查你的vue页面中定义的数据的类型是否与后端响应回来的数据进行匹配。如下:需改成:用户搜
许锅锅啊·2024-01-04 22:46

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

文章目录个人中心的页面实现按照左右两部分的布局划分即可修改views/userCenter/index.vue文件在util目录下新建处理时间的js【formatDate.js】预览效果：所属的角色信息没有，需要修改后端的数据映射组件细化处理在userCenter目录下新建三个组件来对应三个内容修改index.vue中的引入以及组件的使用基本资料修改的实现userInfo.vue组件内容的编写修改
许锅锅啊·2024-01-04 22:15

#Vue3篇:element-plus添加到vue3

安装pnpminstallelement-plus完整引入//main.tsimport{createApp}from'vue'importElementPlusfrom'element-plus'import'element-plus/dist/index.css'importAppfrom'./App.vue'constapp=createApp(App)app.use(ElementPlus
Random_index·2024-01-04 21:18

vue判断组件有没有传入的slot有就渲染slot没有就渲染内部节点

Vue3中的$slots是一个对象，其中包含了所有插槽的引用。如果插槽没有内容，对应的插槽属性将会是undefined。
ATalk机器人·2024-01-04 19:07

2024新flag

2023flag倒了，2024重新立起来java持续学习，尤其是Springcloud，可以独立写一个Springboot程序数据库，clickhouse，并创建新的日志系统VUE3+TS学习，微前端框架三维
南山老沙·2024-01-04 19:58
上一页 52 53 54 55 56 57 58 59 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他