在Vue中使用cli+mui有关区域滚动问题

下面我就为大家分享一篇vue cli+mui 区域滚动的实例代码，具有很好的参考价值，希望对大家有所帮助。

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

第一步 引入mui css js

@import url("/static/mui.min.css");

登录后复制

JS

import mui from '../../../static/mui.min.js';

登录后复制

第二步

立即学习“前端免费学习笔记（深入）”；

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

 
  *写需要滚动的内容 
 

登录后复制

下面粘贴我代码的一部分

登录后复制  

{{item.name}}

@@##@@

{{food.name}}

{{food.description}}

 月售{{food.sellCount}} 好评率{{food.rating}}% 

 ￥{{food.price}} ￥{{food.oldPrice}} 

下面写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中如何使用ztree（详细教程）

在vue中如何使用ztree（详细教程）

在vue中如何使用ztree（详细教程）

在vue中如何使用ztree（详细教程）

以上就是在Vue中使用cli+mui有关区域滚动问题的详细内容，更多请关注【创想鸟】其它相关文章！