草庐IT

vue3-element-admin

全部标签

VUE3嵌套子表格,子表格的分页查询互相干扰问题解决

在做这个功能的过程中,我遇到了以下几个问题:①展开时查询没问题,但是切换页面与改变容量时无法赋值;②查询过程中子表格共用一个加载变量,导致我展开一个子表格时另外的已展开的子表格会同时“转圈圈”;③子表格共用一套分页参数,导致一个子表格切换页面时,其他子表格也跟着切换;我们一个一个来解决这些问题;1、切换页面与改变容量时,我们会触发el-pagination控件的size-change事件以及current-change事件,查看官方文档得知这两个事件都只有一个number类型的参数,这里我们需要自己传入参数,那就是主表的当前行(props.row),我们把行数据传过去之后,才能给行的子表格这一

Vue 将推出「无虚拟DOM」版本,又是新的前端框架趋势?

大家好,我是林三心,用最通俗易懂的话讲最难的知识点是我的座右铭,基础是进阶的前提是我的初心~背景随着React和Vue这些前端框架的爆火,他们的渲染方式,虚拟DOM,也跟着火了起来,大家都认为这是一种高性能批量更新DOM的方式但是近一两年有不同的声音,觉得虚拟DOM反而是渲染性能的累赘,所以也出了一些无虚拟DOM的框架,比如Svelte和SolidJS图片图片无虚拟DOM版的Vue3最近看到了,Vue也推出了 无虚拟DOM 的版本!!!这是一个基于Vue3的衍生框架,名称为 VueVapor仓库地址是:https://github.com/vuejs/core-vapor看看描述:VueVap

前端框架比较:Vue.js vs. Angular vs. React 哪个最适合你的项目

1.背景介绍前端开发技术不断发展,各种前端框架和库也不断出现。在这篇文章中,我们将比较三种非常受欢迎的前端框架:Vue.js、Angular和React。我们将从背景、核心概念、算法原理、代码实例和未来发展趋势等方面进行比较,以帮助你选择最适合你项目的前端框架。1.1Vue.js背景Vue.js是一个进化的渐进式JavaScript框架,由尤雨溪在2014年创建。Vue.js的目标是可以帮助开发者构建用户界面,并提供一些高效的模板语法和数据绑定。Vue.js的设计哲学是简洁且易于上手,同时也提供了丰富的扩展性。1.2Angular背景Angular是一个由Google开发的全功能的前端框架,由

【开源】基于Vue+SpringBoot的房屋出售出租系统

目录一、摘要1.1项目介绍1.2项目录屏二、功能模块2.1房屋销售模块2.2房屋出租模块2.3预定意向模块2.4交易订单模块三、系统展示四、核心代码4.1查询房屋求租单4.2查询卖家的房屋求购单4.3出租意向预定4.4出租单支付4.5查询买家房屋销售交易单五、免责说明一、摘要1.1项目介绍基于JAVA+Vue+SpringBoot+MySQL的房屋出售出租系统包含了房屋销售模块、房屋出租模块、预定意向模块、交易订单模块、图表分析模块,还包含系统自带的用户管理、部门管理、角色管理、菜单管理、日志管理、数据字典管理、文件管理、图表展示等基础模块,房屋出售出租系统基于角色的访问控制,给管理员、买家和

基于Java+SpringBoot+Vue来访管理系统设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行前辈交流✌主要内容:SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等设计与开发。🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微

vue 拖动、缩放容器组件,支持移动端双指缩放和PC端鼠标滚轮缩放

原理本组件基于CSS的transform实现。移动端监听touch事件(单指移动,双指移动+缩放),PC端监听mouse事件(移动)和滚动事件wheel(缩放),更新transform的translateX/translateY/scale值,从而实现缩放、移动。由于transform不会产生重排,因此不节流也可以有很好的性能,用户体验就像德芙,纵享丝滑!鼠标事件比较好理解,记录鼠标按下时的坐标,移动时计算偏移距离与初始translate相加即可实现移动。滚动事件则是判断纵向滚动距离event.deltaY,为正(下滚)缩小,为负(上滚)放大,同时要校正因缩放产生的偏移,让缩放中心始终在鼠标点

【Vue】1-2、Webpack 中的插件

一、Webpack 插件的作用通过安装和配置第三方的插件,可以拓展webpack的能力,从而让webpack用起来更方便。 二、两个常用插件 1)webpack-dev-server类似于node.js使用的nodemon工具每当修改了源代码,webpack会自动进行项目的打包和构建2)html-webapck-pluginwebapck中的html插件(类似于一个模版引擎插件)可以通过此插件自定制index.html页面的内容命令行安装webpack-dev-server插件:npminstallwebpack-dev-server@3.11.2-D配置webpack-dev-server1

vue项目中路由懒加载的三种方式

1.vue异步组件技术====异步加载 vue-router配置路由,使用vue的异步组件技术,可以实现按需加载. 但是,这种情况下一个组件生成一个js文件/*vue异步组件技术*/{path:'/home',name:'home', component:resolve=> require(['@/components/home'],resolve) },{path:'/index',name:'Index',component:resolve=>require(['@/components/index'],resolve)},{path:'/about',name:'about',compo

【Vue】1-5、Source Map

一、简介SourceMap就是一个信息文件,里面存储着位置信息。也就是说,SourceMap文件中存储着压缩混淆后的代码所对应的转换前的位置。有了它,出现错误的时候将直接显示原始代码,而不是转换后的代码,能够极大的方便后期的调试。 二、解决默认SourceMap的问题 开发环境下,推荐在webpack.config.js配置文件中添加如下的配置: module.exports={ mode:'development', devtool:'eval-source-map'}发布时应关闭SourceMap,确保源代码不是暴露若需要设置为只定位行数不暴露源代码,则可以将devtool的值设置为hid

如何在VSCode内嵌浏览器实时预览Vue项目

如何在VSCode内嵌浏览器实时预览Vue项目如何在VSCode内嵌浏览器实时预览Vue项目:如何在VSCode内嵌浏览器实时预览Vue项目:安装以下两个插件:justhemlpreview和BrowserPreviewjusthemlpreview:使用ctrl+shift+p打开命令然后输入:justpreview即可打开输入本地项目地址:localhost:4000最后可按照vscode正常分屏方式分屏(右上角有pc端和移动端)BrowserPreview:现已不再维护安装成功后左边会出现一个类似于写字板的东西点击打开再输入本地项目地址即可点击后打开的页面:地址栏输入本地项目地址: