自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 收藏
  • 关注

原创 el-table 实现行拖拽排序

切记必须使用row-key="id"必须添加,必须添加,必须添加不然会排序错乱。

2024-09-23 11:56:17 100

原创 el-table翻页记录已选状态

el-table翻页记录已选状态。记录一个弹窗点击确定按钮后,el-table列表保存已勾选的数据信息再次打开弹窗,回显勾选所有保存的数据信息切换分页,重新请求接口,新的数据也要回显勾选的数据

2024-08-12 15:52:00 353

原创 el-select和el-tree相结合实现模糊查询

1、使用el-select和el-tree相结合实现模糊查询。

2024-07-17 09:24:47 232 1

原创 微信小程序对上传的图片进行裁剪,让图片截取某个部分

C 将裁减后的图片路径通过uni.uploadFile上传到服务器生成网络地址(uni.uploadFile(OBJECT) | uni-app官网 (dcloud.net.cn))A uni.chooseImage打开相册获取图片路径(uni.chooseImage(OBJECT) | uni-app官网 (dcloud.net.cn))B 将获取到的图片路径传入wx.cropImage对图片进行裁剪(wx.cropImage(Object object) | 微信开放文档 (qq.com))

2023-11-09 17:28:04 1653 1

原创 微信小程序使用高德地图实现检索定位附近周边的POI功能示例

解压下载的文件得到 amap-wx.js ,在创建的项目中,新建一个名为 libs 目录,将 amap-wx.js 文件拷贝到 libs 的本地目录下。,在 "设置" → "开发设置" 中设置 request 合法域名,将。

2023-08-22 16:34:22 3391 1

原创 el-table 多级表头,动态生成;一级表头,根据数据动态生成,二级固定。

实现一个动态表头,一级表头,根据数据动态生成,二级表头固定,每列的数据不一样,难点在于数据的处理。做这种表头需要两组数据,一组数据是实现表头的,另一组数据是内容渲染的。想实现这种效果就得造数据,按照示例的话,我们在数据渲染是表头数据是这种结构,解决了表头数据,接下来就是得改造表数据了,改造数据内容,我们需要的表数据内容是这个样子的接下来就是根据后端返回的数据内容改造成我们想要的表头数据和表数据了。

2023-06-19 11:25:36 5993 6

原创 表单自定义校验规则失效

表单自定义校验规则失效

2022-10-29 14:29:30 690 1

原创 vue使用高德地图关键字搜索功能的实例代码(踩坑经验)

业务场景:在vue项目使用高德地图,关键字搜索,当搜索的时候出现选取地图定位,获取位置---经纬度;可以实现点击定位,搜索列表定位等功能,并且总结了一些坑,避免踩坑。

2022-10-21 11:00:00 6883 22

原创 elementUI库中el-tree清除已选中的

elementUI库中el-tree清除已选中的

2022-09-25 11:48:15 8658 3

原创 el-cascader实现省市区县地区数据的动态加载和回显

el-cascader实现省市区县地区数据的动态加载和回显

2022-09-16 10:01:29 858

原创 vue组件传值的12种方式

Vue组件间的12种传值方式当做到比较大的项目时,一个vue文件里面可能要包含上千行代码,这样不利于后期维护与问题定位,抽离成组件就尤其重要了,我在项目中遇到组件的值如何传递的问题,刚开始接触的时候完全不懂ref .sync修饰符这些 ,接下来介绍vue2最常见的12种组件间的通讯方式。1、 props2、 $emit3、 .sync4、 v-model5、 ref6、 $children / $parent7、 $attrs / $listeners8、 provide .

2022-08-10 17:03:45 6409

原创 element ui 重置表单后,输入框里面无法输入文字

element ui 重置表单后,输入框里面无法输入文字,最近在开发中对表单进行重置之后,发现在输入框输入文字无法输入先输入文字然后点击重置之后想再次输入文字却没有反应,输入不了,表单重置的坑...

2022-08-08 16:56:31 2682

原创 在Element UI中表格根据数据动态变化显示表格的内容

在Element UI中表格根据数据动态变化显示表格的内容.对于Element UI里的表格,如果假设传入data的数据为数字(事实上其他的字母之类的也可)代表为表格的一些固定选项,而不是直接传入字符串,怎样实现替换。比如对于某个表格的选项,传入的数据用0表示否,1表示是这样的固定选项,而在el-table-column常用的方式是用prop规定数据属性传入数据,那么在表格里只能显示出来0或1的数字,达不到我们的需求。.........

2022-07-26 16:47:47 5951

原创 前端:如何解决项目中的跨域问题?

前端:如何解决项目中的跨域问题?一、为什么会出现跨域问题出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源(即指在同一个域)就是两个页面具有相同的协议(protocol),主机(host)和端口号(port)......

2022-07-22 11:41:22 986

原创 Tinymce实现不可编辑状态

最近遇到了一个需求,指定某个Tinymce控件不可编辑。在Tinymce官方文档中找了好久没有可以设置为不可编辑的配置。于是换了个思路,使用遮罩层。没有什么是遮罩层搞不定的!

2022-07-18 16:45:57 1433 1

原创 Vue动态绑定class属性的5种方法:

Vue动态绑定class属性的5种方法:

2022-07-18 16:39:19 2232

原创 element-ui 对form表单中upload上传组件的验证

element-ui 对form表单中upload上传组件的验证​验证图片是否有上传,或者将上传组件放入form表单中,可能会遇到,触发了必传验证之后,再次上传图片,必传验证提示信息未消失​

2022-07-18 16:20:09 3796

原创 Element-ui中的el-image的图片预览功能(:preview-src-list)

今天用了element-ui中的图片预览功能,但是它的图片预览功能只能预览事先定义的图片,与我的业务功能完全不符,我的业务功能是在表格上显示多张图片,当点击图片时,就预览当前点击的图片。所以我将其修改了一下,将后端返回的图片依次渲染在页面上;功能就是当点击表格中的某个图片时,这个图片就被放大预览,且图片的显示是以轮播图的形式展现出来。.........

2022-07-11 11:32:39 32232 5

原创 element-ui 使用Upload限制文件上传的大小和文件类型

今天在工作中遇到这个问题:当我们上传文件的时候,需要限制文件的大小和文件的类型,这里文件的大小不超过10MB和上传的文件只能为图片。

2022-07-07 17:40:22 18125 3

原创 v-model双向绑定-解决编辑弹框修改数据后页面数据跟着改变的问题

在vue的项目中,经常会遇到表格弹框的使用,点击编辑按钮时候把当前行的数据赋值给弹框内并渲染弹框数据。使用v-model弹框数据改变发现页面数据也跟着改变了,而在实际工作当中,当点击弹框的保存按钮,表格数据才要更新...

2022-07-07 17:29:24 1294

原创 el-input输入文字太长时,提交报存时报错

解决方案:限制输入标题文字内容的个数

2022-07-07 17:25:17 582 1

原创 前端实习生的第一天

记录今天实习的第四天

2022-07-07 00:23:22 357

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除