vue
以vue为架构的项目总结。
迷路小灰灰
web前端工程师
展开
-
vue2、vue3——基于el-pagination分页组件的二次封装
【代码】vue2、vue3——基于el-pagination分页组件的二次封装。原创 2024-04-11 17:01:40 · 232 阅读 · 0 评论 -
vue——vue公用方法总结
【代码】vue——vue公用方法总结。原创 2024-04-02 17:22:58 · 208 阅读 · 0 评论 -
vue——实现图片上传、数量限制、可拖拽、删除、放大功能组件封装
2.使用el-upload进行二次封装。1.引用可拖拽属性。原创 2024-04-02 11:32:59 · 450 阅读 · 0 评论 -
vue3——文件、xlsx下载方法封装
【代码】vue3——文件、xlsx下载方法封装。原创 2024-04-02 11:09:31 · 283 阅读 · 0 评论 -
vue——解决show-overflow-tooltip路由跳转隐藏问题
列表的css展示样式,超出隐藏并显示…使show-overflow-tooltip在切换显隐中做到神不知鬼不觉。1.通过路由判断show-overflow-tooltip显隐状态。2.设置页面展示效果。原创 2023-11-13 16:48:29 · 224 阅读 · 0 评论 -
vue——el-select实现懒加载带搜索功能
可以在全局main.js文件中定义,可全局使用原创 2023-11-13 16:29:15 · 765 阅读 · 0 评论 -
vue—菜单栏自适应折叠
vue—菜单栏自适应折叠原创 2022-08-01 22:36:00 · 3675 阅读 · 0 评论 -
vue—element UI中el-dialog双层嵌套,遮罩显示异常处理
element UI中el-dialog双层嵌套,遮罩显示异常处理原创 2022-04-07 23:16:02 · 1660 阅读 · 1 评论 -
vue—MessageBox全局弹窗倒计时展示
当需要进行全局弹窗倒计时展示时。后端需要的就是在特定的要求时,每个接口都能返回特定的code。而前端需要完成的工作是:1.在响应拦截器里拦截每个接口code,判断是否进行弹窗显示。2.如果要倒计时,进行倒计时展示效果。3.如果同时调用许多接口,保证弹窗只弹出一次。原创 2023-01-06 14:27:21 · 2154 阅读 · 5 评论 -
vue—如何在一个页面调用另一个页面的methods
vue—如何在一个页面调用另一个页面的methods一、使用步骤1.首先同一个vue实例来调用两个方法。所以可以建立一个中转站建立 util.js 中转站文件(任意位置,我是在/assets/js/util.js)代码如下:import Vue from 'vue' export default new Vue 2.分别在两个页面引入该文件(注意路径)代码如下:import Utils from '../../assets/js/util.js'; 3.调用方代码原创 2022-03-31 22:22:02 · 5815 阅读 · 2 评论 -
vue——列表返回优化(返回列表保持搜索条件)
1.把列表查询的条件放在vuex里,进行存储。2.当进入对应的列表时,判断vuex是否存在查询条件。并进行赋值。3.当点击左侧菜单栏,判断是否存在当前页,如果不存在就清除当前页在vuex存入的查询条件。原创 2023-03-22 15:04:59 · 1328 阅读 · 0 评论 -
vue—管理系统如何设置配置路由权限管理
vue—管理系统如何设置配置路由权限管理如何使用1. 一般来说会在main.js中通过引入js文件来实现,而不是直接在main.js中设置,我这里是在main.js里设置:import './permission'2.在permission.js文件里代码如下(示例):import router from './router'3.使用路由守卫:代码如下(示例):router.beforeEach(async(to, from, next) => {});4.在路由守卫原创 2022-04-01 22:54:20 · 1764 阅读 · 0 评论 -
vue——vue-seamless-scroll实现无缝滚动效果
全局引入在main.js中添加。原创 2023-03-31 13:24:00 · 247 阅读 · 0 评论 -
vue—el-table实现选择多行数据时,部分行禁用
vue—el-table实现选择多行数据时,部分行禁用原创 2022-08-01 23:03:36 · 2311 阅读 · 0 评论 -
vue—在el-table上实现懒加载效果
文章目录@[TOC](文章目录)一、安装插件二、全局引用三、实例使用1.在el-table标签中引入v-el-table-infinite-scroll="load"2.在el-table标签下面加入渲染状态el-alert3.就是对load函数的使用了四、从网上拷贝过来的一段很好的代码实例。一、安装插件npm install --save el-table-infinite-scroll二、全局引用代码如下(示例):import Vue from 'vue'; import elTable原创 2022-04-08 22:23:06 · 5583 阅读 · 6 评论 -
vue—全局scss样式模板
这里列举vue全局样式scss的一般模板形式。原创 2023-01-05 10:44:43 · 520 阅读 · 0 评论 -
vue—git常用代码提交总结
提交代码git push。拉取最新代码git pull。查看提交日志git log。Git 回退版本参考git reset命令使用某一分支代码完全覆盖另一分支git reset --hard 覆盖分支名git branch -D 本地分支名 #删除某个本地分支git push origin --delete 远程分支名 #删除某个远程分支git merge分支名 #合并分支git reset --hard HEAD^ #撤销merge的代码(还没有合并)原创 2022-09-26 22:49:41 · 543 阅读 · 0 评论 -
vue——初始化页面数据
【代码】vue——初始化页面数据。原创 2023-06-15 10:16:58 · 323 阅读 · 0 评论 -
vue—el-table通过v-if渲染列表显隐,排列混乱处理
el-table通过v-if渲染列表显隐,排列混乱处理原创 2022-08-01 22:59:10 · 966 阅读 · 0 评论 -
vue——前端生成xlsl文件(数组转xlsx文件)
【代码】vue——前端生成xlsl文件(数组转xlsx文件)原创 2023-07-05 16:36:08 · 459 阅读 · 0 评论 -
vue——template模板占位符常用的地方
文章目录一、在管理系统的项目中总结一、在管理系统的项目中想要渲染出这样的效果:就需要在el-table-column标签中放上一个template标签了。比如上面的用户列表:<el-table-column label="用户列表" align="center" min-width="50px"> <template slot-scope="scope"> <div class="se-ellipsis"> <原创 2022-04-06 23:29:57 · 819 阅读 · 0 评论 -
vue——使用element中el-tab如何改变文字样式等
改变element外部组件样式,如el-tab文字颜色。原创 2022-03-31 21:52:23 · 4241 阅读 · 1 评论