mescroll-body在子组件中的使用

最新推荐文章于 2024-05-13 11:24:45 发布
最新推荐文章于 2024-05-13 11:24:45 发布
阅读量1.8k 收藏 1
点赞数 2
分类专栏： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35430000/article/details/120334208
版权

vue.js html java

下图是官网案例的使用

 第一次看时有点蒙。以为子组件必须用 mescroll-item命名呢。

其实不是的，只要保证在最外层父页面中引入了下面文件

import MescrollCompMixin from "mescroll-uni/mixins/mescroll-comp.js";

并在自己定义的组件上加上ref="mescrollItem"，这名称是固定的，不能改。

子组件名称可随意，但ref是要加上的

如果还有子子组件，则继续在当前子组件加ref="mescrollItem"

 

飞歌Fly
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue中的mescroll搜索运用及各种填坑处理
12-30
父组件处理： <template> <div class=wrap> <!-- 搜索框 --> <div class=searchInputArea> <div class=searchBarBox> <div class=inputWrap> <form onsubmit=[removed]return false action> <input :placeholder = placeholderStr type=search ref =
uni-app：mescroll-nui下拉刷新组件
09-08
本知识点主要聚焦于uni-app中的mescroll-nui下拉刷新组件，这是一个非常实用的功能，用于实现用户在滚动到页面顶部时触发数据的刷新。 首先，mescroll-nui是基于MeScroll库的一个uni-app插件，MeScroll是一个高性能...
uniapp：在子组件中使用mescroll插件中的mescroll-body
weixin_52614514的博客
11-29 924
本篇文章介绍在uniapp中父页面使用子组件的情况下，为在子组件中正确使用mescroll-body，父页面和子组件所需的设置。
mescroll 的使用学习
最新发布
文木博客
05-13 179
【代码】mescroll 的使用学习。
uniapp中mescroll-body上拉加载，下拉刷新的使用方法（保姆级教程）
telephone05的博客
10-27 4873
mescroll的uni版本, 提供和两个组件, 其中支持配置成系统自带的下拉组件。此外，mescroll-body更详细的内容以及mescroll-uni 和mescroll-empty的使用可在。是1.2.1版本新增的组件, 用来填补的不足。下载这个插件（scroll）接下来我们就可以开始使用~
兼容移动、pc、小程序等多端的滚动列表mescroll插件使用
ZT_KEBEI的博客
06-14 411
【代码】兼容移动、pc、小程序等多端的滚动列表mescroll插件使用。
在子组件中使用mescroll插件中的mescroll-body（uniapp）
u014722196的博客
03-20 275
子组件中，首先在script标签中import引入，并在mixins中使用该混入，然后在template中的列表数据外包裹mescrol-body标签，其他的downOption、upOption等可根据需要自行配置。父页面中，首先在script标签中import引入，并在mixins中使用该混入，然后在template中的子组件标签中使用ref。本篇文章介绍在uniapp中父页面使用子组件的情况下，为在子组件中正确使用mescroll-body，父页面和子组件所需的设置。
uni-app mescroll-body的用法
m0_54829066的博客
01-07 1708
其中，downOption 和 upOption 是下拉刷新和上拉加载的参数设置，top 是 mescroll-body 组件距离顶部的距离，downCallback 和 upCallback 是下拉刷新和上拉加载的回调函数。完整的使用示例可以参考 mescroll-uni 的文档：https://www.mescroll.com/uni.html。uni-app 中的 mescroll-body 是一个组件，用于在 uni-app 应用中实现下拉刷新和上拉加载的功能。
mescroll.js上拉加载下拉刷新组件使用详解
10-19
在React应用中，这通常涉及到异步操作，如`fetch`或`axios`来获取新数据，然后使用`setState`更新组件状态，同时调用`mescroll.endSuccess()`告知组件数据加载完成。 4. **注意事项**： - 确保在DOM渲染完成后初始...
uniapp实现下拉刷新及上拉加载更多的完整代码（app，H5，小程序均可使用）
11-14
内容概要：uniapp实现下拉刷新及上拉加载更多的完整代码（app，H5，小程序均可使用），下载后解压，使用HBuilder导入项目即可运行。 适合人群：少许编程基础人员即可. 适应场景：需要使用uniapp开发移动端时，涉及...
详解Angular-ui-BootStrap组件的解释以及使用
10-18
Angular-ui-BootStrap是AngularJS的一个扩展库，它提供了Bootstrap组件的AngularJS实现，使得在Angular应用中使用Bootstrap变得更加方便。这个库是由angularUI团队开发的，它使用纯AngularJS语法来创建Bootstrap组件...
mescroll.js基础案例
04-08
mescroll.js 案例 上拉刷新 下拉加载
uniapp项目使用mescroll中mescroll-body组件记录
TangAcrab的博客
01-06 8939
mescroll-body最终生成的节点结构可分为，下拉刷新容器部分、上拉加载容器部分、返回顶部图标。
【uniapp】mescroll-body-part & mescroll-uni-part
Minions_Fatman的博客
12-02 1188
/ tabs: ['全部', '奶粉', '面膜', '图书', '果汁', '奶瓶', '美素', '花王', '韩蜜', '口红', '毛巾', '玩具', '衣服'],/* 需给flex:1的元素加上最小高,否则内容超过会溢出容器 (如:小程序Android真机) *//*需给父元素设置height:100%*/// 此处return,先获取tabs。/*根元素需要有固定的高度*///联网失败, 结束加载。// tabs异步获取。// tabs异步获取。/* 顶部区域 *//* 底部区域 */
uniapp中mescroll的使用
m0_65720832的博客
01-30 1349
1.视图 <mescroll-uni ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback" :up="{auto:false,page:{num:0,size:10}}" :fixed="false" </mescroll-uni> 2.js 1. 引入js文件，不要忘了mixins import Me
uni-app组件之mescroll-uni的简单使用
热门推荐
http://xueshuai.top
01-22 1万+
mescroll-uni是一个翻页组件，官方文档【点击查看】 这里对 mescroll-uni 进行了二次封装 在 components 目录下新建一个 up-down-load.vue <template> <view> <mescroll-uni @init="init" :down="downOption" @down="downCallback" :up="upOption" @scroll="scroll" @up="upCallback" :...
uni-app开发小程序mescroll渲染列表，tab切换时，页面没有重置为1
weixin_42304966的博客
05-23 979
1.mescroll-uni兼容app和小程序，搜索、tab切换、下拉刷新、上拉加载等示例 2.mescroll-uni列表初次自动执行upCallback 3.通过mescrollFlag控制阀，tab切换、搜索时重新渲染mescrol，页码初始化为1
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值