- 博客(13)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 vant weapp弹出层popup使用窗口定位绝对定位无效解决办法！
最近开发小程序，用的vant weapp框架，使用弹出层时，需要在底部固定一个输入框，效果如下：但我发现在popup组件里使用fixed定位无效，解决办法也很简单，把需要定位的元素放在popup组件外，这样就可以了，显示隐藏直接和控制弹出层的变量绑定同一个值就可以了！如果有更好的解决办法，欢迎大佬留言！...
2020-09-30 10:32:07
3820
原创 vant weapp popup弹出层遮住内容，遮罩层变成纯黑色解决办法！
先看一下问题图片：解决办法：把你的弹出层组件vant-poput放在最外层盒子，不要放在里层就ok了
2020-09-29 16:35:01
5091
3
原创 纯CSS写的小三角，支持自定义任何形状，方便修改，简单易懂!
看一下我自己写的效果，然后看代码，有注释可以自定义：<view class="box"> <text class="open-icon1"> <text class="icon-p1">|</text> <text class="icon-p2">|</text> <text class="icon-p3">|</text> </text></view>.
2020-09-23 15:39:55
134
原创 微信小程序video调用play方法无效，正解！
直接上代码，赶快解决问题去吧：<video id="myvideo2" src='https://peacebird-img.oss-cn-shanghai.aliyuncs.com/wx/2019-12-11-bar-12.mp4' controls></video><view class="box"> <text wx:if="{{!item.play}}" bindtap="videoPlay">△</text><
2020-09-23 11:58:30
4843
2
原创 微信小程序父组件调用子组件里面的函数方法及传参。
第一步：给我们子组件加上id标识<my-page id="page"></my-page>第二步：直接通过this.selectComponent("#page")调用方法this.selectComponent("#page").getData('我是参数');第三步：子组件里面声明这个方法getData(data){ console.log('我是子组件方法',data) //打印结果（我是子组件方法，我是参数）}你会了吗，会了就点个赞吧亲！...
2020-09-23 11:19:55
3136
10
原创 element表格自定义列宽，根据内容长度自适应，fit属性无法满足项目需求时有用。
最近项目开发vue+element实现表格每格的列宽根据内容自适应，查了很多资料也看了官方文档，其实fit属性是可以解决的，查看fit属性，而且效果还不错，但有些奇葩要求，必须要内容全部显示的情况下就满足不了，这时候下面这个办法就可以帮你解决掉这个奇葩需求：基本实现思路：首先给列绑定:width=“flexColumnWidth(‘paperNumber’,viceTableData)”方法，来更具需要显示的文本内容计算出大概的长度，并且返回计算值，<el-table-column prop="
2020-09-15 15:17:23
8401
2
原创 Vue开发循环数据列表绑定的数据，数据列表发生变化页面没有重新渲染的问题解决办法！
这个坑我已经踩过三次了，今天才来写，虽然是个小bug，但我希望能帮到正在踩坑的你，看一段代码： <el-input v-for="(item, index) of dataList" :key="index" :value="item.value" />这只是个实例，element输入框，dataList是循环的input框，每一个input有一个指定的id,不一样，然后循环出来的数据，我们会发现，改变了其中某一个的值其他的值会跟着
2020-09-15 14:54:36
1031
原创 小程序 antv绘制曲线图折线图，把圆点置于曲线后方，点曲线样式自定义！
最近用antv在小程序绘制图表，出现一个问题，看下图，曲线显示在了小圆点上方，很不美观，需要效果入下下图，小圆点置于最上层，不要被挡住，好了问题说明白了，就来看代码：图一代码如下： chart.point().position('showData*value').style('showControl', { stroke: 'rgb(222,174,255)', fill: '#fff', lineWidth: 1, }).co
2020-09-12 10:31:43
2373
原创 项目发布上线更新成功后，用户打开不是最新版本，解决办法！
今天遇到一个奇葩问题，web端的后台管理系统发布成功后，用户说功能没有更新，还是之前的版本，我就纳闷了，确实已经更新成功了，后来仔细检查发现竟然是缓存造成的，清除了一下浏览器缓存，再打开就是最新版本了；不会清除浏览器本地缓存的看下这本篇文章：清除浏览器缓存方法1...
2020-09-10 18:04:36
1637
原创 谷歌浏览器怎么清除浏览器缓存以及本地缓存localstorage。
清除浏览器缓存很容易首先点击右上角的小点打开设置选项，进入后找到打开清除浏览记录点进去，如下图：然后把三个都勾上，清除数据，再打开你需要查看的网页就可以了，就不会存在历史缓存和记录了。清除本地缓存的话看下面，一般本地缓存有两种一个是手动清除一个是关闭页面就会清除，今天就说一下localstorage怎么清除吧，先按f12键，打开调试器，或者鼠标反键点击选项检查也可以，进入后看下图，找一下1号词，如果找不到·，点击2好标记，打开后就可以找到，然后点击三号词localstorage，这里面就是所有的缓存
2020-09-10 17:54:40
21153
原创 微信小程序之自定义退出小程序事件 - 点击页面某个功能按钮退出小程序！
今天遇到个需求，之前没有接触过，用户在提交某个信息之后，直接退出小程序，查阅了官方文档，有这个解决方案，有相关指令和api来进行实现:官方文档：小程序自定义退出API入口方案一：不需要js代码，直接在wxml里面加上如下代码即可，这个主要实现方法就是target=“miniProgram”，在页面跳转中加上这个属性就可以了：<navigator class="close" target="miniProgram" open-type="exit"> 退出当前小程序</na
2020-09-09 11:41:56
4182
原创 小程序绑定点击事件及传参。简单易懂白话文帮你搞明白原理！
简单记录一下微信小程序绑定点击事件的方法以及传参，这里要说明一下，用过vue的都知道方法是写在methods里面的，但是小程序有点区别，page里面声明方法直接写在page里面，和onLoad同级别，没有methods，详细看代码片段2 ，但如果你用的是component的话，方法声明就需要写在methods里面了，详细看代码片段3；在WXML文件页面这样写：bindtap就是绑定点击事件，和web端的click同一个意思，后面的clickItem就是你注册的点击事件方法，这里的参数传递和web端有区别，
2020-09-04 18:29:34
3413
1
原创 js字符超出指定个数显示省略号...超简单两行代码搞定
let str = 'js字符超出指定个数显示省略号'; //你要处理的字符串if(str.length > 10) { //如果字符长度超过10，后面的字符就变成...可自行调整长度和代替字符 str = str.substr(0,10) + "..." //截取从第一个字符开始，往后取10个字符，剩余的用...代替 }...
2020-09-03 14:39:24
6901
vue脚手架与项目安装.doc
2020-12-17
json_exl.zip
2020-07-07
原生小程序和nuiapp开发的小程序有什么区别？
2023-03-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人