Vue cli+mui 区域滚动的实例代码
发布时间：2020-12-17 02:37:25 所属栏目：百科 来源：网络整理
导读：vue cli+mui配合使用达到区域滚到的效果 ，方法如下 第一步 引入mui css js JS 第二步 写结构 mui的区域滚动结构是这样的 下面粘贴我代码的一部分 月售{{food.sellCount}} 好评率{{food.rating}}% /ul /div /div/pre 下面写JS 这样就实现vue cli+mui区域滚动
|
vue cli+mui配合使用达到区域滚到的效果 ，方法如下 第一步 引入mui css jsJS 第二步写结构 mui的区域滚动结构是这样的 下面粘贴我代码的一部分月售{{food.sellCount}}
好评率{{food.rating}}%
下面写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 区域滚动的实例代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |