Vue 中 使用MUI Picker時間器等其他組件報錯了，來來正確姿勢！(～﹃～)~zZ

步驟1： 

　　 下載好Mui 時間器picker 依賴的js文件,文件？？？騷年別急下面看代碼

步驟2：

　　　　下面是我再mian.js里面引入mui相關的依賴js 和css 

　　　　

　　　　在mui.js 里面  加上 window.mui = mui; 

步驟3：

　　 因為基於babel編譯時候按照一般的字符串去編譯了，引入的js文件不是指定相關路經就會拋出異常，Mui 時間器等組件還是無法正常使用，我們需要使用ignore讓babel正確方式去匹配某插件.js文件真實目錄就可以。

　　  在VUE項目的根目錄找到 .babelrc 為后綴文件 代碼如下：

　　　　

　　　　"ignore": 配置的就是我放置Mui 插件js的目錄

步驟4： 

　　　　小二上代碼搞一波！！

　　　　

　　　　　　var picker = new mui.PopPicker({
　　　　　　　　layer: 2
　　　　　　});
　　　　　　picker.setData([{
　　　　　　　　　　value: '110000',
　　　　　　　　　　text: '北京市',
　　　　　　　　　　children: [{
　　　　　　　　　　　　value: "110101",
　　　　　　　　　　　　text: "東城區"
　　　　　　　　　　}]
　　　　　　　　}, {
　　　　　　　　　　　　value: '120000',
　　　　　　　　　　　　text: '天津市',
　　　　　　　　　　children: [{
　　　　　　　　　　　　value: "120101",
　　　　　　　　　　　　text: "和平區"
　　　　　　　　　　}, {
　　　　　　　　　　　　value: "120102",
　　　　　　　　　　　　text: "河東區"
　　　　　　　　　　　}, {
　　　　　　　　　　　　value: "120104",
　　　　　　　　　　　　text: "南開區"
　　　　　　　　}
　　　　　　　 ]
　　　　　　}])
　　　　　　　　picker.pickers[0].setSelectedIndex(1);
　　　　　　　　picker.pickers[1].setSelectedIndex(1);
　　　　　　　　picker.show(function(SelectedItem) {
　　　　　　　　console.log(SelectedItem);
　　　　　　})

　　　　　　於是顯示：

　　　　　　 

　　　　　有意思!!!!