el-table动态表头踩坑
摘要:// 获取表格动态表头 getTableHead(data){ let _list = []; if(Array.isArray(data) && data.length>0){ data.forEach((item, index) => { let obj = {} item.evaluateVa
阅读全文
posted @
2023-11-28 11:51
小虾米吖~
阅读(136)
推荐(0) 编辑
element -plus el-table序号翻页连续
摘要:<el-table-column label="序号" type="index" align="center" width="50"> <template #default="scope"> <span>{{(current_page-1)*pageSize + scope.$index+1}}</
阅读全文
posted @
2023-06-06 08:54
小虾米吖~
阅读(214)
推荐(0) 编辑
页面调用组件,组件刷新问题——监听
摘要:背景分析:1、登录注册封装为公共组件,当调用登录接口后需要重新刷新当前页面。若单纯的页面则没有任何问题,直接执行reload即可。 2、若组件封装成公共组件,并且数据也在组件中各自获取渲染。当页面调用组件时无法执行 onShow() 、reload() 生命周期(若在当前页面获取数据则不存在该问题,
阅读全文
posted @
2022-12-06 17:01
小虾米吖~
阅读(385)
推荐(0) 编辑
layui 分页-列表数据删除重新渲染分页问题
摘要:new Vue({ el: '#jobIndex', data: { userInfo: {}, jobList: [], jobForm: { username: '', password: '', mobile: '', department: '' }, currentTab: 0, //当前
阅读全文
posted @
2022-11-03 14:28
小虾米吖~
阅读(233)
推荐(0) 编辑
uni-app canvas 拖拽组件合成新图片保存本地(上传服务器)
摘要:1、组件:插件市场地址 https://ext.dcloud.net.cn/plugin?id=2059#rating 组件核心代码引入components目录 使用关键点: 1)main.js全局注册 setData 方法,后面调用组件方法时需要用到 Vue.mixin({ methods: {
阅读全文
posted @
2022-09-13 17:09
小虾米吖~
阅读(872)
推荐(0) 编辑
uni-app微信小程序保存照片(照片是两张照片合并成canvas的另一张图片)到相册
摘要:背景:1、若是使用了 uni.downloadFile(),那么使用的url必须是http或者https开头的图片,这是官方的,实际使用你会发现模拟器确实是http开头的图片,但是开发版、体验版、真机测试等获取到的图片是 wx://http/temp... 开头的,即根本没办法拿到指定图片,解决方案
阅读全文
posted @
2022-08-25 09:36
小虾米吖~
阅读(3013)
推荐(0) 编辑
uniapp 头像合成canvas,下载图片
摘要:<template> <view class="cloud_box"> <view class="titels">换头像活动</view> <view class="box"> <view v-for="(item,index) in modelList" :key="index" class="i
阅读全文
posted @
2022-08-22 15:20
小虾米吖~
阅读(562)
推荐(0) 编辑
localstorage和sessionStorage一起使用的坑
摘要:背景分析:1、项目中有投递简历后,发送至招聘者邮箱,此时招聘者从邮箱点击邮箱链接跳转至具体的简历详情页面。 2、该简历详情页面需要登录后才能访问,而从邮箱点开的链接在没有登录的情况下,或者已登录的页面和打开邮箱链接的页面不在同一个浏览器时,默认只能跳转登录页面后再登录后才能正常访问。(使用 docu
阅读全文
posted @
2022-08-16 08:59
小虾米吖~
阅读(179)
推荐(0) 编辑
document.referrer
摘要:Document.referrer属性返回URI链接到此页面的页面。 应用场景:被分享者打开需要登录的页面,即登录后直接跳转预定好的页面,而非走正常线路跳转首页 如:1、投递简历到邮箱,招聘者从邮箱直接点击链接查看相应职位(该链接需要登录); 2、使用二维码分享职位,求职者打开链接查看相应职位(该链
阅读全文
posted @
2022-07-26 11:40
小虾米吖~
阅读(196)
推荐(0) 编辑
qrcode生成二维码
摘要:html <div id="qrcode" class="qrcode"></div> js let _url = "https://test1561.chot.cn/web/?page=positionDetail&id="+_item.id+"&total="+ _this.pageList.t
阅读全文
posted @
2022-07-26 11:28
小虾米吖~
阅读(355)
推荐(0) 编辑
el-select下拉多选- 追加对应的dom(不影响编辑回显)
摘要:若是编辑回显的数据和需要追加的dom格式数据一致,则无需这么麻烦,下面的实现方式是回显的数据和追加使用的数据格式不一样,需要判断后转换为能用的数据格式: html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <titl
阅读全文
posted @
2022-07-22 11:46
小虾米吖~
阅读(372)
推荐(0) 编辑
uni.switchTab()跳转不刷新
摘要:网上解决办法: uni.switchTab({ url: '/pages/index/index', success: function(e) { var page = getCurrentPages().pop(); if (page == undefined || page == null) r
阅读全文
posted @
2022-07-20 16:00
小虾米吖~
阅读(2295)
推荐(0) 编辑
uni-app微信小程序图片、视频之外的类型的其他文件上传
摘要:背景分析:微信小程序不支持直接选择图片、视频之外的文件上传,可通过两种方式实现文件选择。 1、就使用官方提供的 wx.chooseMessageFile() 方法,但是该方式只能通过聊天记录选择文件(即用户须提前将所需文件发送至微信任意聊天记录中,否则也是无法选择的); 2、使用web-view嵌入
阅读全文
posted @
2022-07-19 09:30
小虾米吖~
阅读(4254)
推荐(0) 编辑
el-select 多选数据回显id,需要回显label(数据类型对应上了还回显id)
摘要:背景分析: 使用 el-select 组件选择职位标签(职位标签数据来源为已选择职位类别下的职位标签);于是我使用了@focus事件获取当前职位类别下的职位标签。如下图: js: /*选择职位标签*/ checkPositionTag() { let _this = this; if (_this.
阅读全文
posted @
2022-07-11 14:31
小虾米吖~
阅读(5191)
推荐(0) 编辑
node npm版本切換
摘要:1、安裝nvm 2、查看当前已有node版本,并按安装所需版本 3 安装所需node版本,并切换到该版本 4、安装node对应的npm版本 vue3所需版本 vue2所需版本
阅读全文
posted @
2022-06-10 14:13
小虾米吖~
阅读(3555)
推荐(0) 编辑
uni-app小程序检测自动更新
摘要:app.vue页面: onShow() { // 更新小程序 if (uni.canIUse('getUpdateManager')) { const updateManager = uni.getUpdateManager() updateManager.onCheckForUpdate(func
阅读全文
posted @
2022-02-10 17:13
小虾米吖~
阅读(468)
推荐(0) 编辑
vue change阻止默认事件-已解决
摘要:背景:复选框内部有个数量增减选项,并且两个都是change事件。当触发内部数量增减事件时,外部的复选change事件也会触发,体验很不好。 使用事件 @click.stop.native.prevent 解决 (使用 @click.stop 或者 @click.prevent都无效,直接报错还阻止不
阅读全文
posted @
2022-01-17 10:12
小虾米吖~
阅读(1061)
推荐(0) 编辑
element-ui 表单(添加和修改使用同一个)重置 && 开关(关键点)
摘要:如果是使用数字的话,这两个属性前面要加:否则不能识别出数据,会认为“1”,“0” 是字符串,导致开关状态一直为关闭状态 2、表单重置 添加数据弹框显示之前使用 this.form = Object.assign({}, undefined);//重置表单使用下面的方法无效,要么就是重置后只能添加第一
阅读全文
posted @
2022-01-13 11:05
小虾米吖~
阅读(624)
推荐(0) 编辑
element-ui 添加和修改使用同一个表单清除表单数据和验证!!
摘要:关键点: this.form = Object.assign({}, undefined); // 重置表单 单独使用这个无效this.$nextTick(() => { this.$refs['ruleForm'].clearValidate(); this.$refs['ruleForm'].r
阅读全文
posted @
2022-01-12 16:10
小虾米吖~
阅读(492)
推荐(1) 编辑
时间选择器datetimerpicker封装使用(非脚手架)
摘要:datePicker.vue 封装 <template> <el-date-picker v-model="currentTime" type="datetimerange" :picker-options="pickerOptions" range-separator="~" format="yy
阅读全文
posted @
2022-01-12 09:51
小虾米吖~
阅读(237)
推荐(0) 编辑