Bravo-ljq-优快云博客

原创 el-tree点击节点高亮，再次点击取消高亮

【代码】el-tree点击节点高亮，再次点击取消高亮。

2023-07-03 15:32:52 2903 1

原创 ant-design-vue中select使用combobox模式mode标红无效

mode=“combobox” 时mode标红并且不生效（同事的mode未标红，未生效；怀疑是我有的vscode插件他没有装）按照提示将mode=“combobox” 改为mode=“SECRET_COMBOBOX_MODE_DO_NOT_USE”select可选择可输入。

2023-04-03 11:23:41 974 1

原创乾坤：微应用非首次加载，需刷新才会重新加载

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

2023-02-21 14:36:46 1587 5

原创 vue中使用file-saver插件导出文件（表格，图片，word文档等）

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

2022-05-30 10:46:52 3600

原创 vue动态计算表格列两个时间的差值

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

2022-03-07 18:04:51 3705

原创 vue之实现pdf预览

2022-03-01 14:46:01 564

原创 vue3.0动态表单+表单验证

项目中不乏有用到动态渲染表单的地方，再本人做过的项目里用到的地方还蛮多的，所以就来记录一下，因为希望对你们有所帮助。![在这里插入图片描述](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

2022-02-28 17:48:26 4182

原创 vue3.0+ant-design-vue 实现手动上传，限制文件格式和大小并可以预览

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

2022-02-28 16:36:48 4436 2

原创解决百度地图中点击标记点的label会穿透到地图上改变当前标记点的位置问题

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

2021-03-04 15:50:40 1834 5

原创改变vue组件内部样式

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

2020-12-01 17:05:23 1609 1

原创 vue实现可拖动智能聊天对话框

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

2020-12-01 16:31:53 3086 4

原创 vue中使用wangeditor富文本编辑器（含图片上传和回显）

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

2020-11-20 11:56:54 10075 2

原创 vue之通过渲染的多个li标签点击选中添加样式，再次点击取消样式。（不需要使用jq）

vue之通过渲染的多个li标签点击选中添加样式，再次点击取消样式。先来描述一下这个需求。动态的渲染后端返回的评分问题，这个评分题的下边可以添加这些标签，这些标签可以多选。然后要实现的就是点击这些标签改变他的背景颜色，再次点击变回原样。首先我们要做的就是让每一个标签都有一个状态，就是让后端以数组对象的形式[{bq:‘第一个标签’,flag:false}]的形式给你返回数据。如果他不想改只给你一个标签数组，你自己生成一个数组对象。我用的就是这种方式。此时的newArr就是一个数组对象，每一个标签都有了一

2020-09-21 08:50:41 3222

原创 toFixed()保留小数无效果？

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

2020-08-13 16:32:54 1886

原创 vue+element-ui之全局过滤器

在一个项目中，如果想把所有的时间都转换成想要的格式，每个页面都写一次未免过于麻烦。所以可以创建一个全局过滤器，这样需要时就可以直接使用。1.在vue项目的components文件夹下创建一个fifter文件夹，在文件夹下创建转换时间的js文件（例如transTime.js，起什么名字随意）。export default time => { var times = new Date(time); var y = times.getFullYear(); //年 var m = ti

2020-08-13 16:17:55 966

原创 vue+element-ui之表格列最大值和最小值变色问题

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

2020-08-13 15:45:09 3333 1

ssssummer的博客