vue的mixins混入合并规则

2019-12-06 13:26:30

参考地址 vue的mixins混入功能

混入minxins:分发vue组件中可复用功能的灵活方式。混入对象可以包含任意组件选项。组件使用混入对象时,所有混入对象的选项将混入该组件本身的选项。

选项合并:组件选项和对象选项同名时,将以恰当方式混合。

数据对象:和组件数据冲突时以组件数据优先

同名钩子函数:混合为一个数组,都将被调用,混入对象钩子先调用。

值为对象选项:methods,components,将被混合为同一个对象,两对象键名冲突时,取组件对象的键值对。



混入方式:全局混入,组件混入。 


/**

 * 组件混入封装

 * 实现功能:滚动到指定图表顶部位置

 * @param id 视图id

 * @param topSpace 加载更多组件距离顶部距离

 */

export default {

    methods: {

        scrollToView(id, topSpace) {

            let dom = document.getElementById(id)

            if (dom === null || typeof (dom) === 'undefined') {

                return

            }

            let nodeTop = dom.offsetTop

            let page = document.getElementsByClassName('page-loadmore-wrapper')[0]

            page.scrollTop = nodeTop - topSpace

        }

    }

}



  • 2020-02-02 19:24:38

    百度视频SDK,突然不能播放

    开发过程中,不知道什么时候开始视频不能播发了,怎么办都不行,其他项目没问题,线上都也没有问题,这可急躁完蛋我了,整了仨小时,还是那熊样。 哎。

  • 2020-02-04 18:43:10

    AssetManager.finalize() Timed Out 解决办法以及分析

    在我们的项目崩溃中,有一个比较常见的bug,就是 java.util.concurrent.TimeoutException android.content.res.AssetManager.finalize() timed out after 10 seconds 意思简单明了,就是说在AssetManager析构的时候发生了超时异常。

  • 2020-02-06 13:32:10

    android.os.NetworkOnMainThreadException

    在Android 4.0以上,网络连接不能放在主线程上,不然就会报错android.os.NetworkOnMainThreadException。但是4.0下版本可以不会报错。

  • 2020-02-07 23:46:44

    You must call removeView() on the child's parent first解决办法

    出现这样的情况最多是发生在recyclerView中,holder复用的过程中,多次添加view,第一次添加的时候view有了父类了,可能就是复用引起的。 我是发生在给recyclerView添加广告view的时候发生的。

  • 2020-02-11 17:43:35

    基于VCamera,仿微信录制短视频

    vcamera.so这个确实挺好用,可定制性也挺高,但是确定也不小,需要引入的这个so包,10M啊。对于安装包苛刻的用户,这是致命啊。 我现在是抛弃他了。但是在这里还是记录一下用法吧。防止以后再用他。