- 博客(26)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 DOMException: Failed to construct ‘Worker‘， 乾坤框架中子应用vue-pdf预览在主应用报错处理办法，其他文件预览同理
在初次打开阅读报告弹窗时，出现了加载顺序问题，本来是把数据传递写在接口内的，可是发现等接口跑完，发送，主应用未能监听到消息，退而求其次，选择用路由的方式把渲染的pdf对象的id给主应用（iframeId ），那我们要怎么在子应用中找到这个主应用的文件呢，路由呗，在主应用的路由文件中注册它，那么主应用的准备就做好了。通过DpfSlot来条件判断，当前是在子应用本地（preview ），还是在主应用打开的，，来区分，true是主应用，在子应用则是undefined。主应用文件里就变成了这样。
2024-03-26 10:32:00
871
原创 el-table展开行，仅展开单行，部分不可展开
但过多的展开会使得页面显得混乱，所以此类功能中常有要求，一次仅打开一行。自然就会出现禁止打开某一行的情况。饿了么的table展开行，通常可以用来展示一些详细信息，或者二级列表，表格等等内容。
2023-12-07 14:55:27
1958
1
原创 el-table表格序号的累加展示
此为工作中遇到的小要求，表格翻页后，序号的数字可以继续累加，而不是重新重1开始。实现其实也很简单，简单展示效果。这里给序号列添加 :index=“currIndex”使用分页数据进行简单计算，完成。
2023-12-07 10:33:29
819
原创 腾讯地图位置搜索，标记
功能中仅包括位置搜索和位置标记，并获取到标记位置的经纬度和名称。在当前倍数点击无地点名称的位置时不会标记和获取信息。地图渲染时可传入坐标位置来定位初始坐标点。大概就这样吧先上图片，展示效果首先，这玩意的引入我觉得应该不用多说，但还是建议一下，就放在index.html里吧 <script charset="utf-8" src="https://map.qq.com/api/gljs?v=1.exp&libraries=service&key=申请的密钥">&l
2022-04-08 14:55:14
1715
3
转载 ie浏览器样式适配（不定时补充）
这次开发的项目之前说不需要考虑ie的问题，就一直用谷歌玩了，结果今天突然要求紧急适配IE！装好插件打开ie就吐了，样式乱糟糟，各种样式错乱看着就头大！那么就可以用@media实现IE hack，把一些错乱的部分重写一下。是在网上找的写法（根本记不住，用一次找一次，哈哈）这里是搬运处仅IE6和IE7识别@media screen\9 { .selector { property: value; } } 仅IE6和IE7、IE8识别@media \0screen\,screen\9 { .
2022-01-21 11:05:58
446
原创 el-popover组件在页面中多次触发的情况
今天在做一棵tree的时候，需要在节点上触发操作弹框，我便选用了el-popover组件。，引用后发现个问题，每次点击不同节点，el-popover的弹框会反复触发，而之前的不会消失！这不行呀，得想办法把它干掉，然后我找到了这篇文章Element UI 中Popover组件然后开始实践：<div v-if="data.tier=='2'&&isLookFlag==='0'" class="secondOperate" @click.stop="()=>operatebtn(
2021-12-29 17:23:12
2906
原创 vue校验规则记录，慢慢补充
电子邮件：（非必填）email: [ { required: false, message: '请填写邮箱', trigger: 'blur' }, { type: 'string', trigger: 'blur', validator: (rule, value, callback)=> { if(value&&!/^\w+((-\w+)|(\.\w+))*@[A-Za-z0-9]+
2021-11-12 11:34:35
675
原创 vue子组件调用多层父组件的方法——递归
this.$parent,methods一层一层找父级方法太麻烦？递归帮你啊，虽然low了点，好用就行let parent = this.$parent while (!parent.lookRow) { parent = parent['$parent'] } parent.lookRow()
2021-10-22 10:22:24
880
原创 el-select可输入选择框，blur方法失焦录入内容
blur方法的使用，需要获取输入值的话，需要通过target.value来获取。但是<el-select @blur='dwblur' clearable filterable allow-create default-first-option v-model="petitionInfo.accuserInfos[accusedInfosIndex]['unitsAddress']" placeholder="请输入或选择"> <el-option v-for="(item, i
2021-10-19 09:32:46
5173
3
原创 一个不错的锚点定位方法
主体放着了，细节同学们自己抓吧tianqilai(i) { let arr = 'tz'+i; let dom = this.$refs[arr][0]; console.log('jkjskjk',dom); dom.scrollIntoView({ //滚动到指定节点 block: 'start', //值有start,center,end，nearest，当前显示在视图区域
2021-09-10 18:20:15
98
原创 el-tree懒加载部分
本文只展示懒加载部分:props="treeProps":load="loadNode" lazy <el-tree ref="tree" style="height:100%" class="filter-tree" node-key="id" :data="data" :props="treeProps" show-checkbox
2021-05-12 10:09:15
720
1
原创 el-button失焦后颜色恢复
就很难受，话说饿了么的大神们就没想过完善一下这个小效果吗elementUi的所有按钮在点击之后，按钮的背景颜色就会固定在hover时的样子，对于视觉效果来说确实不太完美，那么咱们就自己处理一下吧<el-button type="primary" @click="changeStep(1);handleClick($event)" >下一步 </el-button>handleClick(e) {
2021-04-27 16:44:54
1149
原创 el-input文本域字数限制100，超过显示变红
<el-input v-model="form.sxyx" type="textarea" placeholder="说明对当前时效的影响，必填" maxlength="100" show-word-limit :autosize="{ minRows: 2, maxRows: 4}" @input="tim
2021-04-26 14:52:17
4718
3
原创 el-steps步骤条项目笔记，拿过来改改就能用
内部包含了图片替换，步骤中添加内容节点，小节点状态由后端传入:status=“item.status”。样式全部行内,没有点击效果。乱是乱了点，耐心看吧 。。。<!-- 审批状态--> <div v-if="bzStep === 0" class="sx_step"> <el-steps direction="vertical" :active="sxbz" :finish-status="success" :process-status="er
2021-04-15 16:39:01
3353
1
原创 第一次的upload记录
首先是整体代码这个项目是用了v-for的多个上传，分别进行各自的上传，预览，回显。可以适当无视v-if等<el-upload:ref="'upload'+item.whNo":class="[{disabled:fileMap.get(item.whNo)!==undefined},{disabled:item.receiptStatus==='正常'},'uploadclass']":action="uploadUrl":file-list="photoList[i]":data="
2021-04-06 17:53:29
299
原创 elementUi，可多选的表格下载导出，笔记
很重要的两个插件npm install --save xlsx file-savernpm install -D script-loader在src文件夹中新建文件夹（命名为excel）新建文件夹后，在excel文件夹内新建两个js文件，分别命名为Blob.js、export2Excel.js，然后复制链接的代码分别到相关文件里去百度盘里找找<el-table :data="tableData" :border="true" @select
2021-03-24 11:38:26
539
原创 vue中使用节流
写一个属于自己的节流data() { return { valid:true } }, methods: { throttle(){ //别人都用这个命名，那我也用吧 if(!this.valid){ return false; } //这里写要执行的任务// this.valid = false; set
2020-12-10 14:42:48
824
原创 el-scrollbar滚动条，根据浏览器窗口比例动态设置父盒子高度
el-scrollbar滚动条根据浏览器窗口比例动态设置父盒子高度我们都知道el-scrollbar是存在于饿了么源码中的一个功能组件，我们在网上也可以找到很多关于它的基本用法。但无一不强调，父盒子要有固定的高度。<div style="height : 200px "> <el-scrollbar style="height : 100% " >那么在浏览器视口中可能会出现一种情况，100%缩放时，因为空间不够，应用了滚动条。由于是工作内容，，便只截取部分，请见
2020-12-01 15:05:44
6056
2
空空如也
饿了么组件el-steps，怎么根据后端得到的信息，改变status的效果啊
2021-03-08
TA创建的收藏夹 TA关注的收藏夹
TA关注的人