ssssummer的博客

情况： 主应用通过路由首次访问某个微应用，此时微应用正常加载；重新切回主应用自己的某个页面，再次加载这个微应用，页面显示空白，也没有报错，刷新页面才能重新加载。在微应用main.ts中render方法中创建vue实例，就能解决这个问题。

1. 安装js安装 npm install file-saver --savets安装 npm install @types/file-saver --save-dev2.引入import { saveAs } from ‘file-saver’;3.使用接口中声明：想要使用它需要后端返回的是二进制文件流，所以在接口定义的时候要声明responseType: ‘blob’;例如：写法以自己项目中axios的封装方式为准。具体使用：const params = {};exportPa

方法中用到了插件moment.js，使用day.js也是一样的。这两个时间工具超好用，不知道的快去了解一下，从此不需要new Date()。moment官网地址：http://momentjs.cn/day.js官网地址：https://dayjs.fenxianglu.cn/它们两个的用法基本是一样的，学会一个就可以了。效果如图：先来描述一下需求：row中有开始时间，我需要用当前时间减去开始时间计算他们相差多少分钟。html部分： <vxe-column title="故障时长/

<iframe :src="url" frameborder="0" style="width: 100%; height: 100vh" ></iframe>效果如图：url为后端返回的http文件链接。这是我目前为止了解到的最贱的的pdf预览的方法，如果有更方便的办法欢迎留言交流。...

项目中不乏有用到动态渲染表单的地方，再本人做过的项目里用到的地方还蛮多的，所以就来记录一下，因为希望对你们有所帮助。![在这里插入图片描述](https://img-blog.csdnimg.cn/3a970098827b41e88eb093fb453fd9aa.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAQnJhdm8tbGpx,size_16,color_FFFFFF,t_70,g_se,x

vue3.0+ant-design-vue 实现手动上传，限制文件格式和大小并可以预览1.首先上效果图，在这部分需求里限制了只能上传一个图片并且限制了文件的格式和大小2.代码如下 <a-form-item label="上传图片"> <a-upload v-model:file-list="fileList" list-type="picture-card" :befo

项目中有这样一个需求：点击地图添加标记点和label提示框，点击提示框中的按钮可以触发一个点击事件 （如图一），并可在地图上重新选点标记。（上个点会被清除）在这个过程中遇到了一个问题是点击label会穿透到地图上改变当前标记点的位置。期间尝试过阻止冒泡这种方法，虽然有效果，但是关掉‘’创建摆摊‘’点击事件触发的弹框后，重新选点会发生需要点击两次地图才能重新添加标记的bug。图一：解决方案找了好久的办法，发现可以这样解决。不需要阻止冒泡，只需要在地图监听事件中加上一个判断，代码如下：//地址解析

不知道大家有没有遇到过这样的问题，在使用vue组件的时候这个组件你能看的到的dom给他加内联样式，或者加class都还是可以改变他的样式的。但是如何修改你看不到的vue组件中的dom的样式呢。下面就和大家分享一个方法，可以有效的解决这个问题。<vp-radio-group v-model="radio" size="small" style="width:100%" class="changeNav" @change="change(radio)"> <vp-radio-butt

项目中的一个需求，可以智能咨询问题（数据库写好的问题和答案）如图所示：把鼠标放在红色头部区域可以拖动，不会超出当前可是区域。点击方块可以放大占满全屏，再次点击变回正常大小。点击x隐藏对话框。把鼠标放在对话框的边上可以上下左右拖拽放大。我是参考的这个网址里的，写的很好，有需要的话可以去看看（https://www.jb51.net/article/73157.htm）。废话不多说，上代码。<template> <div> <img src="../../a

最近在写vue的项目中，遇到一个需求，点击编辑，显示弹框，在弹框中的富文本编辑器中编辑自定义文本样式，可以上传图片并回显。编辑完成确定后显示在页面上。首先先写一个editor.vue的页面。（建议单独写一个页面，以后有其他需要用到的地方直接引用就可以了）<template> <div> <div ref="editor"></div> </div></template><script>impo

之前在渲染表格数据的时候要求表格中数字要保留两位小数。数据是从后台获取的，toFixed（2）后发现没有作用。最后发现是因为后台传回的数据是字符串类型的，只有Number类型的数据可以使用此方法。解决办法是将数据parseFloa(String)t转换类Number类型之后就可以解决了。W3C的解释是：parseFloat() 函数可解析一个字符串，并返回一个浮点数。该函数指定字符串中的首个字符是否是数字。如果是，则对字符串进行解析，直到到达数字的末端为止，然后以数字返回该数字，而不是作为字符串。

记录一下最近开发中遇到的一些问题，需求是将表格中一列数据的所有最大值单元格变成蓝色（值相同的也要变色），最小值单元格变成红色。表格总共有22列，列数较多，所以采用了循环的方式。首先，来讲一下我的思路。1.获取到每一列的数据2.得到每列的最大值和最小值3.得到当前列的属性所在行的索引4.得到最大值和最小值所在列的索引（相当于知道了这个值得坐标）5.改变单元格颜色（利用的是element-ui的表格中自带的方法）<vp-table :data="tableData"