- 博客(88)
- 收藏
- 关注
RSS订阅原创 vue+element 键盘回车事件导致页面刷新的问题
即：@keyup.enter是vue监听键盘回车事件，如果用了封装组件的话，比如element，这个时候使用按键修饰符需要加 上.native（监听根元素的原生事件，使用 .native 修饰符）2.如果在input上加上@keyup.enter.native，第一次回车时还是会刷新界面，在el-from上加上 @submit.native.prevent。1.如果回车时有方法需要调用，在调用方法的时候加上@keyup.enter.native。这样，就可以完美解决问题了。
2024-07-02 14:43:19
167
原创 vue判断页面是否加载完成后，执行事件
通过定时器，判断document.readyState的状态来执行事件。很多时候用this.$nextTick并不能满足需求。
2024-04-26 14:48:31
494
原创 vue el-dialog 对话框居中显示
以上代码的作用：给 el-dialog__body 加 overflow auto 实现 body内部滚动。但是，因为overflow容器需要外部限制容器的大小才能产生内部滚动，所以使用。把 el-dialog__body 的大小限制为总大小减去头和尾的大小。是通过 transform 来实现水平和垂直居中。是设置对话框的高度和宽度。
2024-04-24 20:37:06
1105
原创 实现窗口拖拽移动
/这里 由于elementUI的dialog控制居中的，所以水平拉伸效果是双倍。* 注意：如果是el-dialog弹出的表单el-form，最好不要把提交按钮当做el-form-item（elementUI文档是这么用的），放在el-dialog里。// 移动时禁用默认事件。//在弹窗右下角加上一个10-10px的控制块。//在弹窗右下角加上一个10-10px的控制块。//在弹窗右下角加上一个10-10px的控制块。//在弹窗右下角加上一个10-10px的控制块。// 通过事件委托，计算移动的距离。
2024-04-07 09:39:19
1015
原创 elsint报错Delete `␍`eslintprettier/prettier
根目录下.eslintrc.js文件（可以不配置）根目录下新建.prettierrc.js文件。
2024-04-04 17:19:27
675
原创 查看Git用户名/密码/邮箱,及设置git配置
git config --global user.email "xxxx.com邮箱"git config --global user.password "xxxxx密码"git config --global user.name "xxxx名称"查看密码： git config user.password。查看用户名 ：git config user.name。使用 git config --list 查看已设配置。查看邮箱：git config user.email。
2024-04-04 16:12:51
3533
2
原创 npm ERR! network This is a problem related to network connectivity.npm ERR! network In most cases y
原来的npm config set registry.npm.taobao.org（弃用了）以切换为npm config set registry https://registry.npmmirror.com。原npm地址（二选一）
2024-04-04 16:03:24
1239
原创 js判断字符串字符数(汉字算两个，其他算一个（包括英文、标点符号、空格等）)
【代码】js判断字符串字符数(汉字算两个，其他算一个（包括英文、标点符号、空格等）)
2024-02-05 10:28:53
593
原创 基于Element的进度条Loading
前端在中后台项目开发中经常要使用到loading遮罩层在数据交互时展示，目前我使用element组件库的loading，发现不能自定义，loading的样式比较少，官方只提供修改loading的图标和文字。但是我的需求是希望展示的是进度条一样的效果，那就不用loading组件，使用element的Progress进度条组件，自己写一个。在需要遮罩的元素内放入即可，接收loading参数控制是否展示，展示时会覆盖父级元素。基于Element的进度条loading组件。组件的api可以自行添加。
2024-01-31 18:18:06
1153
原创 前端JS数据时间排序
parse方法要求短日期可以使用“/”或“-”作为分隔符，但是必须用月/日/年的格式来表示。例如今天是“7/6/2008”或是“7-6-2008”，因为浏览器原因，当使用“7-6-2008”这种格式时，在IE中可以正常解析，但在FireFox中，返回值却总是NaN。
2023-11-23 09:50:29
1057
原创 前端实现动态切换主题色-使用 css/less 动态更换主题颜色（换肤功能）或通过单击更改背景颜色
但需要注意的是，在移动设备上的浏览器或各Native App用到的WebView里，localStorage都是不可靠的，可能会因为各种原因（比如说退出App、网络切换、内存不足等原因）被清空。2、需要的话对一些字体图标的定义要跟ui和pd沟通好，构建好对应的iconfont工程，方便使用，因为你要清楚如果单纯使用图片，那切换主题色，变量定义就会很繁琐，一句话怎么方便怎么好维护就怎么来；这里是定义的结构体，仅作参考（你可以根据自己项目的框架使用对应的组件都是ok的，没啥特殊要求）
2023-11-21 08:52:38
1755
原创 Vue3一兄弟组件传值之mitt，超详细！
Vue2.x 使用 EventBus 事件总线进行兄弟组件通信，而在Vue3中事件总线模式已经被移除，官方建议使用外部的、实现了事件触发器接口的库,例如或。
2023-11-21 08:49:16
3462
原创 vue中bus的详细使用
2、在要传值的组件页面中用e m i t ， 在 要 拿 到 值 的 兄 弟 组 件 页 面 中 用 emit，在要拿到值的兄弟组件页面中用emit，在要拿到值的兄弟组件页面中用on。首先，先创建bus.js文件，然后在引用，这里有两种引用方法：局部引用和全局引用。2、这是我创建的子元素（也是第一个兄弟组件）busLearn.vue文件。3、这是我创建的子元素（也是第二个兄弟组件）busTest.vue文件。局部引用：是在组件的文件里面引用bus.js文件。全局引用：是在main.js里面直接引用。
2023-11-15 09:27:39
707
原创 函数防抖、节流、深拷贝、对象属性深度合并等等方法
2、引入import XEUtils from 'xe-utils'1、安装插件xe-utils。
2023-10-10 10:56:41
218
原创 el-tree目录和el-table实现搜索定位高亮方法
需求：el-tree目录实现搜索查询el-table表格项，双击表格项根据yiZhuMLID||muLuID定位el-tree目录，并且高亮展示在可视化区域内，再重新根据el-tree目录的yiZhuMLID搜索刷新el-table表格，定位且高亮展示相对应的yiZhuMLID的需求。5、el-table定位数据高亮的方法。4、el-table的封装。2、样式Style代码。
2023-10-10 10:39:16
688
原创 git 回滚到指定版本
第三步：此时再推到远程仓库用git push 会报错，需要用。项目终端输入命令git log --oneline。第一步：找到指定的需要回滚的版本的版本号。git reset --hard 版本号。
2023-10-10 10:11:53
234
原创 git常用命令
Git（读音为/gɪt/）是一个开源的分布式版本控制系统，可以有效、高速地处理从很小到非常大的项目版本管理。也是Linus Torvalds为了帮助管理Linux内核开发而开发的一个开放源码的版本控制软件。Git 是基于 Linux内核开发的版本控制工具。与常用的版本控制工具 CVS, Subversion 等不同，它采用了分布式版本库的方式，不必服务器端软件支持（wingeddevil注：这得分是用什么样的服务端，使用http协议或者git协议等不太一样。
2023-10-10 09:58:05
437
原创 Git常用命令及解释
git pull <remote> <branch>：从远程仓库拉取最新的代码到本地分支。<remote> 是远程仓库的名称，<branch> 是要拉取的分支。git push <remote> <branch>：将本地分支的更改推送到远程仓库。<remote> 是远程仓库的名称，<branch> 是要推送的分支。git fetch <remote>：从远程仓库获取最新的提交，但不会自动合并到本地分支。git reset <commit>：将当前分支的HEAD指针移动到指定的提交，丢弃之后的提交。
2023-10-10 09:57:00
329
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人