- 博客(23)
- 收藏
- 关注
原创 Vue项目中处理Web Worker的路径问题
在Vue项目中,处理Web Worker的路径问题可以稍微有些不同,特别是当你使用Vue CLI、Vite或类似的现代前端构建工具时。这些工具通常会对资源进行各种处理,包括路径解析、打包和部署。
2024-08-19 16:29:48
404
原创 正则限制 input 输入框只能输入整数、小数(金额或者现金)
上述代码中,我们使用 `oninput` 事件监听 input 的输入,并在事件处理函数中进行限制。正则表达式 `/[^0-9.]/g` 只允许输入数字和小数点,其余字符会被过滤掉。然后,使用 `replace()` 方法将输入值格式化为合法的整数或小数。如果输入值包含小数点,则保留前两位小数,其他部分被过滤掉;这样,用户在输入框中输入值时,只有符合要求的数字和小数点能够被输入,不符合要求的字符会被过滤掉。同时,在格式化输入值时,我们也进行了检查,确保其为合法的整数或小数。
2023-06-07 15:17:25
5604
2
原创 修改element ui源码,删除node_modules重新npm install 时组件失效
vue 中如何修改element ui源码,例 :自定义时间线TimeLine功能
2022-09-08 14:11:20
1885
2
原创 前端函数封装
解析URL参数/* * 参数: * url: [String] 解析的URL,可选,不传该值默认本地href* 返回:* obj:[Object] 参数集合对象 */function getQueryParam(url) { const href = url || window.location.href; let args = href.split('?'); // 没有参数直接返回{} if (args[0] === href) {
2022-05-10 13:31:54
189
原创 前端搜索+分页(封装)
前端搜索+分页// 模糊搜索function searchList() { const search = this.search // 搜索的值 const pageIndex = this.pageIndex //页数 const pageSize = this.pageSize //条数 if (search) { // filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。 // 注意: filter() 不会对
2022-05-10 11:18:43
394
翻译 Element UI自定义描述列表组件
功能1、每行的高度根据改行中某一列的最大高度自动撑开2、列宽度自动补全,避免最后一列出现残缺的情况3、支持纯文本与HTML插槽4、支持每行几列的设置5、支持每列宽度自定义6、支持动态数据重绘组件设计1、使用父子组件嵌套实现,父组件为 e-desc, 子组件为 e-desc-item 。2、e-desc-item传递props的label 和 插槽的value,使用插槽$slots.content来显示DOM3、利用 el-row 和 el-col 来实现整体组件布局封装e-des.
2022-02-25 10:48:31
4822
原创 Element-UI 常用技巧
dialog拖动指令/** * dialog拖动指令 * <el-dialog v-drag-dialog></el-dialog> */const dragFunc = function(el, binding, vnode){ if(binding.value === false){ return; } const dialogHeaderEl = el.querySelector('.el-dialog__header')
2022-01-21 00:10:40
185
转载 前端自动部署脚本
前端一键自动化部署脚手架服务,支持开发、测试、生产多环境配置。配置好后一键即可自动完成部署。安装 全局安装deploy-cli-servicenpm install deploy-cli-service -g本地安装deploy-cli-servicenpm install deploy-cli-service --save-dev查看版本,表示安装成功deploy-cli-service -v注:本地安装的需要在调用前加npxnpx deplo...
2022-01-20 23:58:34
1003
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人