- 博客(22)
- 收藏
- 关注
原创 el-table翻页记录已选状态
el-table翻页记录已选状态。记录一个弹窗点击确定按钮后,el-table列表保存已勾选的数据信息再次打开弹窗,回显勾选所有保存的数据信息切换分页,重新请求接口,新的数据也要回显勾选的数据
2024-08-12 15:52:00 353
原创 微信小程序对上传的图片进行裁剪,让图片截取某个部分
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
原创 vue使用高德地图关键字搜索功能的实例代码(踩坑经验)
业务场景:在vue项目使用高德地图,关键字搜索,当搜索的时候出现选取地图定位,获取位置---经纬度;可以实现点击定位,搜索列表定位等功能,并且总结了一些坑,避免踩坑。
2022-10-21 11:00:00 6883 22
原创 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
原创 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
空空如也
关于#前端#的问题:如何写毕业论文,好像毕业论文需要后端
2022-10-29
前端实习生在公司实习没事干正常吗
2022-08-30
TA创建的收藏夹 TA关注的收藏夹
TA关注的人