qq_42897782的博客

管理系统中，我们经常需要录入信息，就避免不了多个模块要录入相同的信息，比较麻烦这里我们只输入姓名，然后自动填入身份证号和性别方法一：步骤1、给input绑定change事件，然后监听input输入的值 <a-form-item label="姓名"> <a-input @change="onChange" placeholder="请输入姓名"

uniapp app真机测试注意：连接手机的时候会提示手机也需要下载360手机助手（按照提示下载即可），手机上会自动安装一个HBuilder,点击进去就是自己的app 手机连接的时候要选中usb调试模式...

一般下拉框可以满足需求，数据量大的时候下拉框太长不好看，这时候就需要模糊查询如下图：后端返回的数据格式不太对，所以需要自己手动整理，这里整理的数据必须有一个value项，可能是组件的限制组件<el-form-item label="职工代码" prop="zgdm"> <el-autocomplete class="inline-input" ..

function timeFormate(timeStr,formStr){//时间序列化，非常方便格式转化 if(!timeStr){return ""} let time=new Date(timeStr),str=formStr; if(time!=="Invalid Date"){ str=str.replace("yyyy",time.getFullYear()); str=str.replace("MM",(time.getMonth()+1).toSt.

data() { var checkPhone = (rule, value, callback) => { if (!value) { return callback(new Error("手机号不能为空")); } else { const reg = /^1[3|4|5|7|8][0-9]\d{8}$/; console.log(r...

后台管理系统里经常需要打印功能，常见的是打印页面对象，但是打印指定的pdf文件就比较麻烦，这里就实现了，把需要打印的pdf文件放在一个iframe里，然后在子窗口打印用户操作：点击按钮可以触发打印（如下图）效果如下具体代码如下methods: { // 打印 doPrint() { console.log("触发打印"); let filePath = "/static/JavaScript高级程..

ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错

参考文章：微信小程序-全局分享、自定义分享_glorious_future的博客-CSDN博客_微信小程序全局分享

微信小程序转发的时候可以配置一部分转发参数（title path imageUrl）有的时候，里边的某个参数是固定的，这里用imageUrl做示例，也就是不管是从哪个页面转发出去，都是一样的背景图这个时候就需要封装分享，封装后，后期背景图有改动，就只需要维护一处数据，比较便捷（如下，图片是固定的，只需要维护defaultImageUrl 变量的值）其他参数也一样以下是封装（app.js） //封装分享 wxOnShareAppMessage(share_title, sh...

app.js // 封装的接口 wxRequest(method, url, data, callback, errFun) { wx.request({ url: url, method: method, data: data, header: { 'content-type': method == 'GET' ? 'application/json' : 'application/x-www-form-urlencode.

使用data- 携带数据，以便于在js中可以直接的拿到自己需要的图片路径,少走弯路wxml<image wx:for="{{filePic}}" wx:key="index" src="{{fileUrl+item.url}}" style="height:{{canvasHeight}};width:{{canvasWidth}}" bindtap="previewImage" data-page='{{item.page}}' data-index='{{index}}..

先选择开始日期,控制结束日期的选择范围先选择开始日期,控制结束日期的选择范围 <div class="wrap_box"> <div class="wrap_boxtit">选择日期：</div> <div class="wrap_boxinp"> <el-date-picker style="width:150px;" ..

很多时候，程序中需要用到签名的功能，附上源码（微信小程序）.wxml<view class="canvasBox"> <view class="canvasTitle">请签名：</view> <view class="canvasContent"> <view class="singatureTag">签名区域</view> <canvas style="w...

很多网站，会有未读信息的提醒（如下图：）这里的样式主要用到定位文档链接：https://www.w3school.com.cn/cssref/pr_class_position.asp<div class="posttitle1"> <div class="posttitle1l"> <img src="../../../../../../r/cms/www/xasrcwFront/images/resumeicon.png...

页面跳转的时候，地址栏往往携带了很多参数，拿到地址栏的参数对当前页面做处理，这里是封装的方法GetQueryValue(queryName) { var query = decodeURI(window.location.search.substring(1)); var vars = query.split("&"); for (var i = 0; i < vars.length; i++) { var p..

需求：列表页的内容项可添加 ，点击“自定义”弹出框 添加才做完成后 刷新列表效果图：父组件子组件（弹出框）思路：1、在子组件完成添加操作后调用emit触发绑定函数，2、在父组件里自定义事件名，并进行刷新数据的逻辑处理代码 Addstation.vue(父组件) 父组件里自定义事件名 @afterAdd="updateList"<addwelfare ref="welfareMsg" @aft...

一般得接口都是请求返回数据进行操作下载文件的接口稍有不同这里是点击下载简历url为接口路径

一般用户登陆的时候服务端会返回token，为了便捷，会使用本地存储 localStorage.setItem("token", res.data.data["JEECMS-Auth-Token"]);读取 console.log(localStorage.getItem("token"))

有时候页面携带的参数不同，对应的title也需要区分开document.getElementsByTagName("title")[0].innerText if (this.loginRole == 1) { this.typeList = ['企业全部消息', '系统通知']; document.getElementsByTagName("title")[0].innerText ="企业-消息中心";} else { this.typeLis

效果图这里是接口的参数首先，左边导航（tabBtn()，下标index）右边导航（tabBtn2()，下标index2，tabIdx2）导航用两个数组控制，以便于通过index(下标)判断当前需要显示的内容。第二：确定请求接口是和哪个点击事件捆绑（左边导航还是右边导航)第三：明确思路，把接口单独封装，通过点击事件确定参数的值，在点击事件里调用接口接下来附上代码块自定义数组tabList: ['全部消息', '未读消息', '已读消息'],typeList:..