首先在使用一個框架之前一定要完整的看一下相關文檔，因為框架中會封裝常用的功能，也會更加符合大眾要求。在ui設計圖上，可能實現(xiàn)某個功能設計圖中給出的交互并不是很好，而在框架中有更好的組件可以實現(xiàn)，但因為沒有看文檔對框架不熟悉，就不知道可以使用。這樣就可以和產(chǎn)品經(jīng)理商量是不是可以使用框架中的方案，體驗更好等等，既簡化工作，又提高體驗。

所以看文檔，真的很重要。

1.Select

在iview-ui中，select組件獲取選擇結(jié)果的on-change事件能獲取到的東西并不多，可能沒有我們想要的數(shù)據(jù)。例如：假如我想得到選擇的是哪一個編號，需要去循環(huán)這個對象，看哪一個鍵值對的值等于on-change的返回結(jié)果。

對于這個可以考慮原生的vue事件，點擊option時可以獲取所有相關信息。

2.只有一個二級菜單，一級菜單不顯示的問題

①文檔中有說明，可以給相關路由添加showAlways

②修改相關代碼，在main/components/side-menu/mixin   line12，修改為

也是可以實現(xiàn)的。

3.頁面路由緩存問題

routers.js文件開頭說了需要設置頁面name，但是頁面中name命名不能使用中線的方式

4.權限訪問

路由頁面中的meta下access選項是配置目錄訪問權限的，不設置默認頁面可以由所有人訪問。設置后，需要meta.access數(shù)組中 至少有一項存在于總的access列表中。

5.時間日期選擇驗證問題

因為選擇范圍返回的結(jié)果是數(shù)組，和只選擇時間的返回結(jié)果類型不同，所以需要使用數(shù)組驗證。并且給DatePicker綁定的時候不能使用v-model，須使用:value。

6.打包白屏

src/router/index中，mode改為'hash'；

vue.config.js文件：