最近在使用mui框架開發(fā)一個(gè)移動(dòng)端應(yīng)用時(shí)，遇到了一個(gè)問題，就是頁(yè)面會(huì)因?yàn)橐恍┰蚩ㄋ溃瑹o法進(jìn)行操作。

經(jīng)過排查，發(fā)現(xiàn)是因?yàn)関ue在使用mui的過程中，可能會(huì)出現(xiàn)$refs undefined的情況，導(dǎo)致頁(yè)面無法正常渲染。解決方法很簡(jiǎn)單，只需要在vue的mounted鉤子中，手動(dòng)給mui中需要用到的dom元素添加$refs屬性即可。代碼如下：

mounted() {
　　let self = this;
　　mui('.mui-scroll-wrapper').scroll({
　　　　indicators: true
　　});
　　self.$refs.slider.dataset.slider = "mui-slider";
　　self.$refs.loader.dataset.loading = "mui-loading";
　　self.$refs.refresh.dataset.pullrefresh = "mui-pull-to-refresh";
　　mui.init();
}

通過手動(dòng)添加$refs屬性，頁(yè)面可以正常渲染，卡死的問題也得到了解決。這也提醒我們?cè)谑褂每蚣軙r(shí)，要仔細(xì)閱讀文檔并遵循其規(guī)范，才能更好地利用框架的功能。