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

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

1.Select

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

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

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

①文檔中有說明，可以給相關(guān)路由添加showAlways

②修改相關(guān)代碼，在main/components/side-menu/mixin   line12，修改為

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

3.頁面路由緩存問題

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

4.權(quán)限訪問

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

5.時間日期選擇驗(yàn)證問題

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

6.打包白屏

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

vue.config.js文件：