- 博客(36)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 前端开发个人积累网站（持续更新）
目录1、基础学习类2、API开发文档类3、前端UI组件库4、帮助解决开发难点类（各种库，插件，开源网站）5、各种功能类1、基础学习类菜鸟教程：https://www.runoob.com/W3CSchool：http://www.w3school.com.cn/JavaScript教程网：https://zh.javascript.info/[ ES6入门（阮一峰大佬的）：http://es6.ruanyifeng.com/linklink2、API开发文档类Vue官网：https:
2021-05-18 17:59:56
165
原创 小程序setData动态传递key
本来想将keyName替换为name的，但是小程序只会在data中定义一个key为keyName ,value为“张三”的一条数据。在keyName上加上[]变成变量,这样keyName就变成name。有些时候可能需要根据key是个变量。
2023-10-18 17:42:53
347
原创 微信小程序富文本展示控件【Parser】（可解析图片、视频）
项目场景：在PC端通过文本编辑器编辑的内容，可能会含有图片、视频以及文本编辑器的文本样式，需要在小程序做展示。
2023-07-14 16:19:24
695
原创 【elementUI 】对话框添加可自定义拖拽和拉伸功能
二、使用步骤1.引入2.在页面使用在需要设置的对话框上添加框出来的代码添加为了让每次弹出框都不继承上一次的改变补课随意修改，若想修改的话需要在dialog.js文件中同步修改
2023-01-17 14:01:29
809
1
原创 在vue中使用jsmind生成思维导图
前景： 项目中有涉及到多层级的数据结构，思维导图的方式更方便查看数据的关系。这是简单的思维导图生成，增删改查的操作这里不需要。
2022-11-03 09:15:00
2303
2
原创 vue+element-ui自定义表单验证多层循环
1、设置自定义表单（可设置表单显示字段、字段类型以及是否必填等类型）2、表单展示接口数据格式代码1》父层循环绑定在当前form下，再根据元素类型显示不同组件2》prop内容必须是从根部开始的形式为 “数组+索引+…+最终校验值的命名”（试了多个还是红色框出来的固定格式没问题）校验也是根据接口判断的页面展示。
2022-10-31 09:00:00
338
原创 element树形Tree组件控制allow-drop拖拽
我这里是控制同一父级同一级别内可以拖动，也可以根据自己需求随意判断。用官网的这个allow-drop方法来控制拖拽。
2022-10-25 14:06:29
2030
2
原创 vue2+wangEditor5富文本编辑器（图片视频上传）并加锚链接
vue2+wangEditor5富文本编辑器（图片视频上传）并加锚链接
2022-08-25 15:53:15
3895
4
原创 把数组里的字符串转换成数字或者把数字转换成字符串
处理完的数组里面的每一项值都变成的字符串，而我想要的是[1,2,3]例：如以下接口返回的’1,2,3’ 前端需要转成数组。把数组里的字符串转换成数字或者把数字转换成字符串。于是就找到了下面的方法,用起来很方便。1、数组里的字符串转换成数字的方法。2、数组中把数字转换成字符串。
2022-08-11 17:59:06
4764
1
原创 小程序跳转公众号
需求：在小程序顶部展示关注公众号的组件，点击可进入公众号里关注实现：1、使用 official-account组件使用组件前，需前往小程序后台，在“设置”->“关注公众号”中设置要展示的公众号。注：设置的公众号需与小程序主体一致。缺点是 必须扫描小程序码进入小程序才会显示组件。2、使用web-view官方文档说是可以直接跳到关联公众号的文章，但不能直接跳到公众号。可以利用公众号的文章显示公众号的二维码识别关注公众号3、img标签识别二维码img标签有个show-menu-by-l
2022-04-02 15:54:56
9938
原创 elementUI用 table多选 实现单选
2. 利用table 的selection-change 事件实现单选。这是elementui的表格多选。
2022-02-17 17:37:01
2343
1
原创 在微信小程序中使用echarts以及遇到的问题
个人认为是小程序的canvas在加载的时候只展示页面可视区域的图表，在网上查了很多办法都没有解决，最后在一位大佬的建议下自己摸索出来了。其中 ec 是一个我们在 index.js 中定义的对象，它使得图表能够在页面加载后被初始化并设置。用scroll-view将echarts要显示的区域包裹，在每次页面滚动时触发bindscroll函数，重新加载echarts图表。但是手指滑动区域在Echarts图表上时，页面却不能滑动了。最终完美的解决了问题 ，在安卓和IOS都没问题，亲测有效如上图。
2021-10-28 17:00:32
5628
5
原创 小程序多个输入框切换时键盘会自动收起后再展开问题
问题：需求里会有多个input组件，当我们输入完一个后，切换到下一个输入框时，小程序会因为上一个输入框失去焦点会自动收起键盘，当我们切换完之后，再次获得焦点，键盘再次弹出，用起来很别扭，跳来跳去的很不友好解决：查了很长时间没有好的办法，最后只能将input组件换成textarea组件将input组件都改成textarea组件后，当输入切换时，键盘会一直展开，没有收起后再展开，使用起来更加流畅，没有跳跃感...
2021-10-25 17:20:16
2402
5
原创 element-ui 组件change事件传值
elementui 默认传出的只是组件选中的值 <el-switch v-model="value" @change="change"> </el-switch>如果想自己增加传值时可以有两种写法<el-switch v-model="value" @change="change($event,'change')"></el-switch><el-switch v-model="value" @change="(value)=>cha
2021-09-03 15:03:30
1995
原创 小程序下滑分页加载数据
首先在需要滚动的数据外面嵌套一个scroll-view标签，再添加上bindscrolltolower事件（滚动到底部/右边时触发）在data定义page参数列表请求这里type使用来区分首次加载、刷新数据和下拉翻页请求数据的在onload首次加载和点击查询时传参true下拉事件传值false...
2021-08-30 17:41:27
637
原创 小程序中使用表格功能
效果展示：1、wxml代码<view class="table"> <view class="tr bg-w"> <view class="th">Name</view> <view class="th">UT Target</view> <view class="th ">WTD</view> <view
2021-07-29 12:10:13
3024
4
原创 css实现超出部分显示省略号
显示一行，省略号width：200px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;显示两行，省略号 text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; // 想要多行可以将数字替换想要的.
2021-07-06 12:00:37
301
原创 elementUI分页删除最后一页数据时跳转回上一页
vue+elementUI项目开发时分页删除最后一页没有跳转回上一页删除时重新计算剩余分页数据 const totalPage = Math.ceil((this.total -1 ) / this.params.pageSize) // 总页数 this.params.pageNum = this.params.pageNum > totalPage ? totalPage : this.params.pageNum this.params.pageNum = this.params.
2021-06-21 15:22:10
1027
2
原创 vue+elementUI+sortable实现表格行拖拽功能
安装引入使用整个表格行都可拖动的Js实现rowDrop() { const _this = this; const tbody = document.querySelector(".el-table__body-wrapper tbody "); Sortable.create(tbody, { disabled: false, // 拖拽不可用? false 启用 ghostClass: "sortable-g..
2021-05-27 10:33:30
301
原创 vue+elementui 表单resetFields()重置无效
vue+elementui 表单resetFields（）重置无效一般表单重置无效有以下三种情况表单加ref属性需要重置的表单项el-form-item必须要加上prop属性，并且prop属性的值必须和数据双向绑定的值最后面保持一致，如elementUI表单先编辑后新增resetFields()无效问题描述：1、页面有个新增和编辑共用的弹出框表单，在页面初始化后先点新增，后编辑，正常。2、先编辑，后新增使用resetFields()表单数据竟然没有清空。解决：在编辑时，弹出框我们
2021-05-26 14:14:51
637
原创 element-ui框架 table组件表格暂无数据时自定义提示
element-ui框架 table组件表格暂无数据时自定义提示组件默认无数据样式自定义代码效果
2021-05-26 13:55:20
345
原创 vue+webpack项目打包问题
vue+webpack项目打包问题1、vue项目打包出现空白页面2、vue+elementui项目打包后样式覆盖问题3、vue项目打包后elementui图标丢失问题1、vue项目打包出现空白页面报错页面解决：将config/index文件里的assetsPublicPath改为‘’./‘’重新打包2、vue+elementui项目打包后样式覆盖问题解决：main.js中的引入顺序决定了打包后css的顺序，组件内的样式没有生效可能是被第三方组件样式覆盖了，所以把第三方组件放在前面引入，ro
2021-05-14 17:11:53
741
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人