Vue前端學習筆記-009-調用子組件的方法

1.子組件有一個方法例如: javascript

methods:{      initScroll(){        this.scroll =  new BScroll(this.$refs.area_scroll,{          click:true        });      }    }複製代碼

2.在調用處,注意添加了ref="allCity" ref的意思是給子組件註冊引用信息java

<Alphabet ref="allCity" :cityInfo="cityInfo" :keys = "keys"/>複製代碼

3.經過這個引用信息就能夠操做子組件了. this

this.$nextTick(() => {              this.$refs.allCity.initScroll();      })複製代碼

$nextTick是全局方法,在下次 DOM 更新循環結束以後執行延遲迴調。在修改數據以後當即使用這個方法,獲取更新後的 DOM。
相關文章
相關標籤/搜索