Sinea
Sinea
  • 发布:2016-11-13 13:37
  • 更新:2017-02-21 15:57
  • 阅读:2524

vue 数据更新后 scroll初始偏移失败(附图)

分类:MUI
<div id="slider1" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted nav1">  
        <div class="mui-scroll">  
            <a v-for="nav in category" id="cid{{nav.cateid}}" :class="nav.cateid | isActiveParent" href="#item{{$index}}mobile" v-text="nav.name" :data-cid="nav.cateid"></a>  
        </div>  
        </div>
var vm = new Vue({  
        el: '#app',  
        data:{  
            category: []  
        }  
    });  
vm.category = data;  
    vm.$nextTick(function () {  
        mui('#slider1').scroll().scrollTo(200,0,100);  
    })
2016-11-13 13:37 负责人:无 分享
已邀请:
Sinea

Sinea (作者) - www.sinea.cn

解决了 不要加duration滚动时间参数
mui('#slider1').scroll().scrollTo(200,0)

折腾的够呛 心塞

Sinea

Sinea (作者) - www.sinea.cn

效果是 偏移200后 回到原位

z***@qq.com

z***@qq.com

兄弟,你用的 VUE 1.X 还是 2.0 ?

  • Sinea (作者)

    vue1

    2017-02-21 15:53

z***@qq.com

z***@qq.com

VUE1.X 可用

VUE2.X 就不可用了MUI插件失效了

  • Sinea (作者)

    这个你是尝试在轮播数据加载之后写的$nextTick吗

    2017-02-22 10:16

  • z***@qq.com

    是的,总算解决了

    2017-02-22 15:35

  • s***@starscube.com

    回复 z***@qq.com: 在vue-cli3中写,使用过吗

    2019-09-09 15:48

该问题目前已经被锁定, 无法添加新回复