logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

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

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

#javascript#vue.js#css
vue之通过渲染的多个li标签点击选中添加样式,再次点击取消样式。(不需要使用jq)

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

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

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

#html
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’;例如:写法以自己项目中a

#vue.js#javascript#npm
vue动态计算表格列两个时间的差值

方法中用到了插件moment.js,使用day.js也是一样的。这两个时间工具超好用,不知道的快去了解一下,从此不需要new Date()。moment官网地址:http://momentjs.cn/day.js官网地址:https://dayjs.fenxianglu.cn/它们两个的用法基本是一样的,学会一个就可以了。效果如图:先来描述一下需求:row中有开始时间,我需要用当前时间减去开始时间

#css#javascript
vue3.0动态表单+表单验证

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

#javascript#前端#vue.js
vue3.0+ant-design-vue 实现手动上传,限制文件格式和大小并可以预览

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

#vue.js#javascript#前端
vue中使用wangeditor富文本编辑器(含图片上传和回显)

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

#javascript
到底了