![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
mySunshine921
If you bloom, the butterfly will come
展开
-
接口url传参包含完整路径传参处理
在这里的解决方式是将传参路径加密传参,后端也需要解密。原创 2023-05-31 10:18:39 · 272 阅读 · 0 评论 -
vue的extend使用
vue extend原创 2023-03-31 16:14:59 · 195 阅读 · 0 评论 -
前端扩展机制思考
2.template模板里面的内容后台返回,动态渲染,(这里有个疑问,动态渲染只是更改了页面的结构,生命周期以及methods里面的方法怎么调用,更改,还有样式的新增)1.每个页面模板编号,比如唯一的id。原创 2023-03-16 16:26:12 · 61 阅读 · 0 评论 -
el-form表单校验问题
漏写这个回调,校验通不过,valid不会为true。el-form表单校验。原创 2023-03-10 08:54:02 · 231 阅读 · 0 评论 -
div比img标签高4px
css样式问题原创 2023-02-14 14:19:57 · 104 阅读 · 0 评论 -
echarts报错处理
使用echarts报错,原创 2023-02-06 14:20:55 · 629 阅读 · 0 评论 -
数组含有空位元素判断
【代码】数组含有空位元素判断。原创 2022-12-21 19:34:38 · 78 阅读 · 0 评论 -
ico图标制作
ico制作原创 2022-11-16 15:36:32 · 308 阅读 · 0 评论 -
el-form表单嵌套校验
el-form原创 2022-11-16 15:13:09 · 958 阅读 · 0 评论 -
计算数组对象中某个数值的和
数组原创 2022-11-15 11:07:19 · 172 阅读 · 0 评论 -
接口请求传参body里面是个字符串
接口传参原创 2022-10-31 19:06:02 · 565 阅读 · 0 评论 -
el-form表单不点击提交就会校验问题
切换单选的时候调用了一个接口,出现了会触发下面必填项的校验。原创 2022-09-01 16:38:29 · 499 阅读 · 0 评论 -
vue中的依赖升级
npm原创 2022-07-04 15:00:14 · 1028 阅读 · 0 评论 -
SRI使用攻略
SRI使用注意项原创 2022-06-29 09:34:45 · 540 阅读 · 0 评论 -
el-table跨表格实现单选、全选
场景:一个页面多个表格,实现跨表格单选多选实现多选:问题是取消多选的时候数据清空就无法将对应取消的数据给清除掉,然后这里需要给select-all事件增加自定义参数问题二:切换表格选中会把之前的选的清空,在这里借助store来存一下值......原创 2022-06-17 16:57:56 · 2512 阅读 · 0 评论 -
el-table拖拽排序
拖拽排序拖拽后设置row-key,这里暂时用的id,id是他们的唯一标识,不能用index,index是会变的//安装组件cnpm install sortablejs --save//页面中引入import Sortable from "sortablejs";// 行拖拽 rowDrop() { this.$nextTick(() => { this.sortable1 = Sortable.create(原创 2022-05-24 14:48:25 · 2189 阅读 · 2 评论 -
el-table多选数据回显
el-table多选数据回显,每次做老是忘,记录一下,支持切换分页多选功能,以及数据回显1.重写表格多选与全选(因为表格自带的切换分页会清空)2.父组件传过来的选中的数据3.重组一下数据,返回的与采购单位列表字段不一致4.表格数据回显方法设置范围弹窗<template> <div> <!--设置范围--> <el-dialog title="设置范围" :visible.sync="setDialog原创 2022-03-30 11:22:04 · 6433 阅读 · 0 评论 -
vue父传子的值的调用
老是会忘记自己上次怎么处理的,在这记录一下vue父传子传值后,在子组件的created、mounted等周期获取不到props里的值,处理方式用watch方式监听,在这里插入图片描述 watch:{ orderEntity:function(newVal,oldVal){ let arr=[]; if(newVal.companys && newVal.companys.length>0){ newVal.companys.for原创 2022-02-11 17:39:09 · 277 阅读 · 0 评论 -
vue+element国际化,i18n使用
1.安装elementcnpm i element-ui -S2.安装i18ncnpm install vue-i18n cnpm i vue-i18n -S创建lang目录zh.jsexport default { message: { emptyroutes: "暂无权限,请联系管理员。", browserWarning: "我们注意到您使用的是过时的internet explorer版本。", browserDesc: "IGO在该IE内核的浏览器上原创 2022-01-17 10:14:00 · 341 阅读 · 0 评论 -
vue接口返回数据页面没有重新渲染
页面初始值models为空对象,接口返回赋值后,页面没有重新渲染解决两种方式:一:this.$set(obj, key, value)this.$set(this.models,item.propcode,item.propvalue)这种方法试了下,输入框的值回显了,但是上传的文件没有二:Object.assign(target, sources)this.models=Object.assign({}, this.models)这种的上传文件也是不显示三:还是用的老方法,声明一.原创 2021-12-15 17:18:28 · 2280 阅读 · 0 评论 -
接口导出表格
async formExport(){ let searchdata = deepClone(this.searchform); if(searchdata.companyidlist.length == 0){ searchdata.companyidlist.push(this.$ls.get("user").companyId); } let url=`${APP_IGO_A原创 2021-12-04 10:38:37 · 519 阅读 · 0 评论 -
vue+element的el-form使用
import { checkStrong } from "@/untils/checkPwdStrong";data(){const validatePassword = (rule, value, callback) => { if (value === "") { callback(new Error('密码不能为空')); } else if(this.isStrong == false){ .原创 2021-12-04 09:36:54 · 1782 阅读 · 0 评论 -
vue+element中的el-dialog
是因为没有这个组件popovertip,找了半天,浪费时间原创 2021-11-24 16:47:04 · 531 阅读 · 0 评论 -
vue导出excel
后端接口返回文档流,无法直接下载原创 2021-11-12 10:38:19 · 487 阅读 · 0 评论 -
vue的style标签背景图设置
原创 2021-11-02 11:31:25 · 1410 阅读 · 0 评论 -
vue路由
问题:跳转页面,路由不变,参数变化,页面created方法不触发解决:监听路由变化,参数变了也触发原创 2021-09-21 15:53:41 · 51 阅读 · 0 评论 -
el-date-picker
1.问题element中使用el-datePicker日期选择器有默认时间时修改时间不生效,change事件也不执行解决看到一篇文章里说:解决方式是深拷贝从父组件传递过来的数据,拷贝后的数据不带有__ob__: Observer属性,并且页面的时间也能修改了,change方法也可以触发了。...原创 2021-09-07 15:02:38 · 623 阅读 · 0 评论 -
cryptoJs使用
1.cryptoJs加解密import cryptoJs from "crypto-js";let keyOne = '秘钥自己写一个'const iv = cryptoJs.enc.Utf8.parse('ABCDEF1234123412'); //十六位十六进制数作为密钥偏移量export default{// 加密函數 jiami (word) { let key = cryptoJs.enc.Utf8.parse(keyOne) let enc = '' i原创 2021-07-14 17:22:15 · 1667 阅读 · 0 评论 -
el-upload
1.上传文件必填上传成功的回调函数执行一下this.$refs.elupload.clearValidate();原创 2021-07-13 16:26:54 · 401 阅读 · 0 评论 -
js处理对象
接口返回数据是这样的实际页面展示的样式可能表格在上面,基本信息在下面,需要处理一下数据sortObj(){ //对象转换成数组 let arr = []; let obj=this.billData; for (var i in obj) { arr.push([obj[i],i]); }; //交换位置 a原创 2021-07-10 15:09:59 · 279 阅读 · 0 评论 -
vue中el-image-viewer大图预览的使用
需求:上传格式不限,要求文件可以预览以及下载,word、zip等格式预览不要求,图片要能预览解决:引入组件import ElImageViewer from 'element-ui/packages/image/src/image-viewer'components: { ElImageViewer },点击按钮弹窗大图预览<!--大图预览--> <el-image-viewer v-if="showViewer"原创 2021-07-08 10:20:12 · 3437 阅读 · 0 评论 -
vue+el-upload的使用
需求:上传文件的时候需要添加参数方法:用的el-upload的http-request覆盖自定义上传用formDatauploadlist只展示默认上传的文件,新上传的文件没有同步,所以我在上传成功的时候push一下,在这里接口返回fileid,我要把fileid与uid关联起来,uid是el-upload自带的删除回调参数file里面的,删除方法需要fileid...原创 2021-05-26 11:13:52 · 1247 阅读 · 0 评论 -
element级联选择器Cascader的配置
<el-cascader expand-trigger="hover" :options="biddocLocationList" :props="defaultParams" :show-all-levels="false" v-model="scope.row.biddoclocation" > </el-cascader>props参数配置:刚开始配置,从接口获取参数我是按照上面的方式转化成Cascader要求的数据结构,后来发现pro原创 2021-05-19 09:08:46 · 823 阅读 · 0 评论 -
vueRouter
//获取对应参数 getUrlKey(name) { return ( decodeURIComponent( (new RegExp( "[?|&]" + name + "=" + "([^&;]+?)(&|#|;|$)" ).exec(location.href) || [, ""]原创 2021-05-15 09:31:44 · 48 阅读 · 0 评论 -
js手机号中间几位用*代替
let str1 = "手机号"; let reg = /^(\d{3})\d*(\d{4})$/; this.contactphone = str1.replace(reg,'$1****$2');原创 2021-05-14 09:59:58 · 317 阅读 · 0 评论 -
el-table展开行动态获取数据
包含子节点列数与父节点不一致,用的el-table的type="expand"来实现的,嵌套表格通过expand-change事件动态获取展开行的数据,动态加载,为防止dom数据渲染不同步问题,在获取表格数据的时候,先给他追加数据项点击展开收起的时候请求数据...原创 2021-05-08 09:04:02 · 2470 阅读 · 0 评论