发表于: 2020-04-20 23:43:01

1 1885


今日完成的事情

今天主要做的是看看慕课网的课程并手敲敲代码,在慕课网的这个视频内容中主要介绍的界面是饿了么商品加入购物车的一个过程。其中主要的知识点用的比较少的可能是它要使用

  this.$nextTick(()=>{
            this._initScroll();
            this._calculateHeigh()
        })

这个异步加载的过程,因为使用了一个betterscoll的滑块插件,它需要再我们的页面加载完成后再初始化这个实例从而保证能出现滑动的这个效果。还有一些我之前用的比较少的方法是emit的事件暴露方法,这个能很好的实现组件间的信息交互的过程,从子组件中的信息变换变成父组件中的信息变换。

        <ratingselect :select-type='selectType' :only-content='onlyContent' :desc='desc' :ratings='food.ratings' @ratingtype='op' @content='fk'></ratingselect>

其中还比较新颖的是它动态的制作了一个分数评价的星星评分功能。只需讲相应的格式大小,和评分分数传入组件就可以相应的显示多少分的一个动态计算了。主要运用了compute这个计算属性和绑定class的方法。

遇到的问题

遇到的问题在于视频中的1期内容时间可能过早,一些动画和事件触发的方式不太相同,需要自己修改修改。并且昨天还遇到了一个父元素坍塌的问题,但是清除浮动的效果并没有生效。导致了bsscroll这个滑块的计算高度并不能计算准确,出现了滑倒底部元素留白产生空隙的问题


返回列表 返回列表
评论

    分享到