- 博客(28)
- 收藏
- 关注
原创 vue——vue中使用富文本编辑器
一、首先安装vue-quill-editor二、导入并在你的Vue组件中注册:1.在全局组件components文件夹中新建Editor,在utils文件夹中新建compressImage.js2.Editor组件代码:3.使用compressorjs图片压缩的代码三、在页面进行组件的使用1.引用组件并注册2.组件使用
2024-11-13 14:34:37
2838
原创 vue2、vue3——基于el-pagination分页组件的二次封装
【代码】vue2、vue3——基于el-pagination分页组件的二次封装。
2024-04-11 17:01:40
507
原创 vue——vue中使用解决show-overflow-tooltip路由跳转隐藏问题
列表的css展示样式,超出隐藏并显示…使show-overflow-tooltip在切换显隐中做到神不知鬼不觉。1.通过路由判断show-overflow-tooltip显隐状态。2.设置页面展示效果。
2023-11-13 16:48:29
516
原创 vue——快速上手搭建VUE组件库
以上就是快速搭建 Vue 组件库的几个步骤。通过这些步骤,你可以快速构建一个属于自己的 Vue 组件库,并将其应用到你的项目中,提高项目的开发效率和代码质量。搭建 Vue 组件库可以让你在项目中快速使用自己开发的组件,提高项目开发效率和代码质量。一旦你的组件编写完毕,你就可以将其发布到 npm 上,以便其他人能够使用它。这个命令会创建一个新的 Vue 项目,安装好项目所需的依赖。最后,你可以将自己的组件库安装到其他项目中使用。目录,然后在其中添加你的组件文件。接下来,你需要在项目中添加自己的组件。
2023-08-30 09:22:40
299
原创 微信小程序——小程序跳转外部网页
1.进行小程序与微信公众号的关联操作2.引导小程序关注公众号,并进入公众号首页。3.在公众号首页菜单栏里添加外网链接。
2023-04-21 10:30:13
9660
2
原创 vue——列表返回优化(返回列表保持搜索条件)
1.把列表查询的条件放在vuex里,进行存储。2.当进入对应的列表时,判断vuex是否存在查询条件。并进行赋值。3.当点击左侧菜单栏,判断是否存在当前页,如果不存在就清除当前页在vuex存入的查询条件。
2023-03-22 15:04:59
1632
原创 vue—MessageBox全局弹窗倒计时展示
当需要进行全局弹窗倒计时展示时。后端需要的就是在特定的要求时,每个接口都能返回特定的code。而前端需要完成的工作是:1.在响应拦截器里拦截每个接口code,判断是否进行弹窗显示。2.如果要倒计时,进行倒计时展示效果。3.如果同时调用许多接口,保证弹窗只弹出一次。
2023-01-06 14:27:21
3247
5
原创 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
753
原创 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
6830
6
原创 vue—element UI中el-dialog双层嵌套,遮罩显示异常处理
element UI中el-dialog双层嵌套,遮罩显示异常处理
2022-04-07 23:16:02
1798
2
原创 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
1121
原创 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
1844
原创 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
6653
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人