前端页面需求实现
工作中常见的一些页面小需求,记录解决方案,防止忘记
枍柠`
这个作者很懒,什么都没留下…
展开
-
使用sortablejs实现element表格的拖拽功能
el-table实现表格拖拽排序功能原创 2024-01-15 15:51:51 · 932 阅读 · 1 评论 -
微信小程序web-view内嵌微信公众号的H5页面路由无法跳转问题
业务场景: 1.0版本的功能是在小程序中进行开发的,2.0版本的部分功能是放在微信公众号(uniapp开发的H5页面)的,小程序通过web-view引入的页面无法调起微信支付功能,在公众号中直接从菜单进入功能就可以唤起微信支付。wx.miniProgram.navigateTo最低版本要求1.6.4以上。解决方案:在小程序中做一个微信支付的页面,公众号内需要微信支付的地方,路由跳转回小程序。步骤:判断当前环境(公众号—>直接进行微信支付,小程序—>跳回小程序支付页面唤起支付)原创 2023-12-14 13:50:26 · 985 阅读 · 0 评论 -
实现使用扫码枪获取扫码内容,定时刷新获取
获取扫码枪扫码内容原创 2023-07-05 11:31:31 · 449 阅读 · 0 评论 -
【简单需求】实现点击列表单元格,自动复制内容的功能
日常开发一些小需求处理原创 2022-07-28 14:35:09 · 354 阅读 · 0 评论 -
单行/多行文字溢出控制显示省略号...处理
文字溢出处理为省略号…显示原创 2022-06-30 19:04:25 · 107 阅读 · 0 评论 -
严格身份证格式校验,真实身份证号校验方法文件CheckIdCardUtil.js
业务需求,需要用到非常严格的身份证号格式校验这里校验方法经过测试真实身份证号码日期改一位都不行,必须完全真实号码以下内容是项目中用到的校验方法,记录下来防止以后再用到import check from "../../utils/CheckIdCardUtil";<Col span={8}> <Form.Item label="身份证号"> {getFieldDecorator('sfzmhm', { initialValue: applican.原创 2022-05-31 17:22:13 · 612 阅读 · 0 评论 -
前端后台管理系统标签栏,多标签操作实现方法
页面实现效果如图:代码如下: // 重新加载 handleRefresh() { window.location.reload() }, // 关闭左侧标签项 closeLeftTags() { let newTags = [] const currentIndex = this.visitedViews.findIndex( (i) => i === this.selectedTag )原创 2022-05-23 15:45:53 · 1083 阅读 · 0 评论 -
前端页面系统全屏功能实现方法
页面效果如图:页面代码实现如下:(记得要安装对应依赖 [screenfull],store里面要添加对应配置) <div class="userInfo text-left"> <el-dropdown :show-timeout="0"> <div> {{ $store.state.user.fullName }},欢迎您 <原创 2022-05-23 11:11:29 · 1484 阅读 · 0 评论 -
EleForm表单特殊控制项的插槽处理方法,插槽对象中声明属性和方法
EleForm表单特殊控制项的插槽处理方法<template> <div class="roleForm"> <ele-form ref="baseForm" inline :is-show-semicolon="false" :span="24" :form-desc="baseFormList" :form-data="baseFormData" :is-show-back-原创 2022-05-20 14:32:28 · 748 阅读 · 0 评论