- 博客(10)
- 收藏
- 关注
RSS订阅原创 uniapp使用自定义tabbar时实现下拉刷新
注意事项:如果你用于tabbar页面的话,注意别在组件mescroll-body里边给总体的父元素(如<view style="height:100vh"></view>)加100vh的高度,否则会出现你页面不在最顶部往下滑动的时候就会刷新。1.这里用到了一个插件mescroll(可实现上拉加载更多,下拉刷新功能)3.在mian.js中挂载到全局(不用在其他组件中在引入了)2.本文主要用到下拉刷新功能。首先是下载并导入插件到项目中。4,在要用到的页面使用。
2024-12-12 14:27:08
421
原创 uniapp之根据登录状态动态设置tabBar
5.在store目录下新建getters.js文件 (在第四步中引入的getters.js就是它,如果你已经有,可以直接加上里边两行代码就行)2.在utils目录下新建一个tabBar.js用于存储不同身份需要的tabBar的list列表(示例如下:缺失部分根据自己业务补全)3.在vueX中引入utils中的tabBar.js文件(在store/modules目录下新建一个tabBar.js)4.在store中的index.js中引入modules中的tabBar.js。7.在页面中引用组件。
2024-12-11 18:02:45
1933
2
原创 vue中在指定的元素上添加多行水印(可用于弹窗)
1.用到的是canvas做的(首先在utils文件中创建Watermark.js文件),把下面代码放到utils目录下Watermark.js文件中。2.在用到页面引入这个方法。
2024-12-04 19:54:51
285
2
原创 web端vue2使用pdf发票内容显示不全的问题,展示xls和xlsx问题
建议安装vue-pdf-signature替换掉 vue-pdf。2.在页面中的使用(如下示例代码,样式自行调整)1.安装pdf的版本要求(注意版本)安装后vue-pdf打包后会有问题。
2024-07-24 09:45:15
827
1
原创 uview2.x中u-input设置disabled后不触发点击事件
2.需求是点击input处也要弹出弹框,示例代码如下,只需要在u-input上加上 style="pointer-events: none;看文档pointer-events属性有点击击穿的效果 能透过disabled遮罩层 触发绑定在input的点击事件;1.如官网示例(只有点击右侧箭头才会出现弹出框,点击input无反应)
2024-07-09 17:24:36
831
原创 uni-app运行到安卓模拟器白屏问题
1.如果是首次加载白屏,二次编译正常的情况,可能是pages.json里设置的第一项(应用启动页)有问题,可以更换测试下.如果出现如上情况,建议升级下HBuilderX版本后再启动App]2.cpu模式选择不对,uni-app官网给出的说明;3.出现SDK与cli版本不匹配。
2024-06-28 09:43:18
2724
原创 el-input加disabled后出现禁止标志,鼠标移入不想出现禁止标志,想要出现箭头
【代码】el-input加disabled后出现禁止标志,鼠标移入不想出现禁止标志,想要出现箭头。
2024-06-04 09:22:42
433
原创 修改uview中u-action-sheet内容过多实现滚动效果
2.此版本是uView2.0版本,找到uni_modules/uview-ui/components/u-action-sheet/u-action-sheet.vue文件。1.如果你的uview是通过npm依赖包形式安装的不建议直接修改node_modules源码,可以使用uni_modules方式引入;3.主要实现代码是如下代码,把遍历生成的数据放进如下标签内即可;
2024-05-28 09:49:13
1163
原创 uniapp中引入uview方式从依赖包方式更改到uni_modules引入方式
注意:如果运行代码出现查找文件失败可以在pages,json中找到如下代码。3.需要更改main.js文件中的引入路径。4.修改uni.scss的文件引入路径。5.修改app.vue的样式引入文件。2.从插件市场引入uview插件。
2024-05-28 09:20:19
624
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人