Vue cli+mui 区域滚动的实例代码

前端之家收集整理的这篇文章主要介绍了Vue cli+mui 区域滚动的实例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

vue cli+mui配合使用达到区域滚到的效果方法如下

第一步 引入mui css js

JS

第二步

写结构 mui的区域滚动结构是这样的

内容

下面粘贴我代码的一部分

    月售{{food.sellCount}} 好评率{{food.rating}}%
     </ul>
    </div>

     </div></pre>

下面写JS

import mui from '../../../static/mui.min.js' const odd_ok=0; export default { props:{ seller:{ type:Object } },data(){ return{ goods:[] } },created(){ this.$http.get("/api/goods").then((response) => { response=response.body; if(response.errno===odd_ok){ this.goods=response.data; this.$nextTick( () => { mui('.mui-scroll-wrapper').scroll({ deceleration: 0.0005 //flick 减速系数,系数越大,滚动速度越慢,滚动距离越小,默认值0.0006 }); }) } }); },};

这样就实现vue cli+mui区域滚动了。

以上这篇Vue cli+mui 区域滚动的实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/vue/34040.html

猜你在找的Vue相关文章