- 博客(115)
- 收藏
- 关注
原创 el-select可搜索,可新增,可编辑
<template> <el-select ref="select" v-model="select" filterable allow-create default-first-option @visible-change="(val) => visibleChange(val)"> <el-option v-for="item in optionsSelect" :key="item
2024-08-22 18:49:19
207
原创 element 表格第一列合并,第二列展开后出现错位情况
解决思路:展开行,在dom上其实是新增了一行的高度,合并上新增一个高度就可以。发现蓝色一行挤下来,而且还错位了。获取点击后合并的长度+合并的数字。
2024-06-11 21:12:47
415
1
原创 前端中的LocalStorage和SessionStorage
LocalStorage和SessionStorage是HTML5提供的本地存储解决方案,用于在浏览器端保存数据。在使用时,要根据需求和场景选择合适的存储方式,以提高用户体验和数据安全性。在前端开发中,常常需要在浏览器端保存数据,以便在页面刷新或跳转时能够保留数据或状态。在这种情况下,可以使用Web Storage API中的LocalStorage和SessionStorage来实现数据的存储。它们都是HTML5提供的本地存储解决方案,可以在浏览器端临时或长期保存数据,而不需要发送到服务器。
2023-07-27 15:02:29
478
原创 Vue中Router使用History和Hash模式的比较
总结: Vue Router的Hash模式和History模式各有其优势和劣势,根据项目需求和浏览器兼容性来选择适合的模式。在Hash模式下,URL中的hash值(#后面的部分)会被用来模拟路由,路由器监测URL中hash的变化,并根据hash的值进行相应的页面跳转。在Vue Router中,有两种常见的路由模式:History模式和Hash模式。在History模式下,URL中的路径部分用于模拟路由,通过History API来实现页面跳转,不再需要。
2023-07-27 14:50:09
871
原创 Vue为什么使用return返回data对象的原因
Vue要求data必须是一个返回对象的函数,是为了保证组件之间数据的隔离,实现数据的响应式,并避免共享数据带来的问题。这是Vue框架设计的重要特性之一,为开发者提供了更加安全、稳定和灵活的数据管理方式。因此,我们在使用Vue开发项目时,应该始终遵循将data设置为一个返回对象的函数的规范,以充分发挥Vue的响应式和数据隔离特性,提高应用的可维护性和稳定性。
2023-07-20 17:29:00
2030
原创 Vue.js中的组件通信方式
使用$refs进行父子组件通信: 在某些情况下,父组件可能需要直接访问子组件的方法或属性,可以使用$refs来实现父子组件之间的通信。通过在子组件上设置ref属性,父组件可以通过$refs对象引用子组件的实例,然后调用子组件的方法或访问子组件的属性。总结: 在Vue.js中,组件通信是一个重要的概念,合理的组件通信方式可以提高代码的可维护性和可复用性。值得一提的是,除了上述提到的通信方式,还有一些第三方库和模式可以用于Vue.js组件之间的通信,如发布-订阅模式、依赖注入等。
2023-06-07 11:19:57
155
原创 Vue.js优化策略与性能调优指南
定期更新和优化:随着Vue.js的版本更新和技术的发展,不断关注和学习最新的优化技巧和最佳实践。图片优化:对于应用中使用的图片,可以采取一些优化措施,如压缩图片大小、使用合适的图片格式(如WebP)、懒加载等。可以使用动态导入和异步组件等技术,根据页面的需要进行代码的延迟加载,从而减少初始加载时间和资源占用。识别潜在的性能瓶颈,并进行相应的优化和调整,以提升应用的性能和响应速度。避免不必要的计算和操作,尽量减少组件的嵌套层级,使用适当的组件拆分和懒加载,以提高组件的渲染性能和复用性。
2023-05-30 11:19:05
737
原创 深入探索Vue.js响应式原理及其实现机制
响应式更新:当数据发生变化时,Vue.js会根据依赖关系进行批量更新操作,以提高性能。在Vue实例初始化时,Vue会对数据对象进行递归遍历,将其属性转换为getter和setter,从而实现对数据的劫持。在Vue实例初始化时,Vue会对数据对象进行递归遍历,将其属性转换为getter和setter,从而实现对数据的劫持。在模板中使用到的数据属性会被收集为依赖,当数据发生变化时,依赖会被通知到,并触发视图的更新。在模板中使用到的数据属性会被收集为依赖,当数据发生变化时,依赖会被通知到,并触发视图的更新。
2023-05-30 11:14:27
523
原创 构建现代化的前端应用:Vue.js指南
Vue.js是一个功能强大、灵活且易于上手的前端框架,通过掌握核心概念和最佳实践,您可以构建出高效、可扩展的现代化前端应用。不断学习和探索Vue.js的新特性和工具,结合前端开发的最佳实践,将您的Vue.js应用推向新的高度。在本文中,我将分享一些关于Vue.js的核心概念和最佳实践,帮助您快速上手并构建出优质的Vue.js应用。掌握Vue实例、组件、指令、计算属性、监听器等基本概念,并学会如何使用Vue的模板语法和响应式数据来构建动态的用户界面。掌握路由守卫和动态路由的使用,实现更高级的路由控制。
2023-05-30 11:10:43
74
原创 如何提高代码质量和可维护性
如何提高代码质量和可维护性:良好的代码质量和可维护性是每个软件开发者都应该追求的目标。在本文中,我将分享一些实用的技巧和建议,帮助您提高代码质量,使代码更易读、可维护和可扩展。
2023-05-30 11:07:02
431
原创 element下拉框选择和选中不一致怎么设置
element下拉框选择和选中不一致怎么设置element下拉框选择和选中不一致怎么设置element下拉框选择和选中不一致怎么设置element下拉框选择和选中不一致怎么设置
2022-09-27 15:33:53
1185
1
原创 vue2+ts中表格Ref滚动条置顶写法scrollTop = 0;
vue2+ts中表格查询滚动条置顶vue2+ts中表格查询滚动条置顶vue2+ts中表格查询滚动条置顶vue2+ts中表格查询滚动条置顶vue2+ts中表格查询滚动条置顶vue2+ts中表格查询滚动条置顶vue2+ts中表格查询滚动条置顶...
2022-07-27 08:46:01
642
原创 element表格配合sortablejs实现拖拽功能
element表格配合sortablejs实现拖拽功能element表格配合sortablejs实现拖拽功能element表格配合sortablejs实现拖拽功能element表格配合sortablejs实现拖拽功能element表格配合sortablejs实现拖拽功能element表格配合sortablejs实现拖拽功能element表格配合sortablejs实现拖拽功能......
2022-07-26 14:54:06
522
原创 element表格表头第一列合并
element表格表头第一列合并element表格表头第一列合并element表格表头第一列合并element表格表头第一列合并element表格表头第一列合并element表格表头第一列合并element表格表头第一列合并
2022-07-26 11:16:02
876
原创 element el-table表格数据合并
针对前面文章中的数据合并出错时,可用这个行合并element表格列相同值自动合并单元格_天气晚来秋~的博客-CSDN博客这个可用单个,多个可自己按照逻辑多封装一下话不多说,上代码
2022-07-26 11:01:13
684
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人