Vue前端学习笔记-009-调用子组件的方法

1.子组件有一个方法例如: 

methods:{      initScroll(){        this.scroll =  new BScroll(this.$refs.area_scroll,{          click:true        });      }    }复制代码

2.在调用处,注意添加了ref="allCity" ref的意思是给子组件注册引用信息

<Alphabet ref="allCity" :cityInfo="cityInfo" :keys = "keys"/>复制代码

3.经过这个引用信息就能够操做子组件了. 

this.$nextTick(() => {              this.$refs.allCity.initScroll();      })复制代码

$nextTick是全局方法,在下次 DOM 更新循环结束以后执行延迟回调。在修改数据以后当即使用这个方法，获取更新后的 DOM。