iscroll在vue中基本用法

最新推荐文章于 2024-06-13 09:53:34 发布

嘻嘻哈哈-fang

最新推荐文章于 2024-06-13 09:53:34 发布

阅读量1.3k

点赞数

分类专栏： iscroll在vue中基本用法文章标签： iscroll在vue中基本用法

本文链接：https://blog.csdn.net/ff186345/article/details/103681573

版权

iscroll在vue中基本用法使用步骤: 装包 npm i iscroll 导包 html 三层结构 css position:relative overflow:hidden new IScroll(dom,{ mouseWheel:true, scrollbars:true}) refresh() 注意异步处理...

摘要由CSDN通过智能技术生成

iscroll在vue中基本用法

使用步骤:

装包 npm i iscroll
导包
html 三层结构
css position:relative overflow:hidden

new IScroll(dom,{
    mouseWheel:true,
    scrollbars:true
})

refresh() 注意异步处理

注意点

iscroll实例化时得在mounted里面，因为iscroll实例化得调用vue的dom，mounted是生命周期里第一个可访问dom的
使用iscroll刷新数据时，加入了setTimeout,因为vue中数据改变到更新到页面，是有很多代码要执行的，是需要时间的，、而iscroll刷新时要获取最新dom高度等信息处理，所以一定要在dom更新完成时使用。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<style>
    * {
        padding: 0;
        margin: 0;
    }

    .wrapper {
        width: 200px;
        height: 150px;
        border: 1px solid red;
        overflow: hidden;
        position: re

最低0.47元/天解锁文章

嘻嘻哈哈-fang

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
iscroll在vue中基本用法

iscroll在vue中基本用法使用步骤: 装包 npm i iscroll 导包 html 三层结构 css position:relative overflow:hidden new IScroll(dom,{ mouseWheel:true, scrollbars:true}) refresh() 注意异步处理...
复制链接

扫一扫

专栏目录