iview-admin使用小结

首先在使用一个框架之前一定要完整的看一下相关文档,因为框架中会封装常用的功能,也会更加符合大众要求。在ui设计图上,可能实现某个功能设计图中给出的交互并不是很好,而在框架中有更好的组件可以实现,但因为没有看文档对框架不熟悉,就不知道可以使用。这样就可以和产品经理商量是不是可以使用框架中的方案,体验更好等等,既简化工作,又提高体验。

所以看文档,真的很重要。

1.Select

在iview-ui中,select组件获取选择结果的on-change事件能获取到的东西并不多,可能没有我们想要的数据。例如:假如我想得到选择的是哪一个编号,需要去循环这个对象,看哪一个键值对的值等于on-change的返回结果。

对于这个可以考虑原生的vue事件,点击option时可以获取所有相关信息。

2.只有一个二级菜单,一级菜单不显示的问题

文档中有说明,可以给相关路由添加showAlways

②修改相关代码,在main/components/side-menu/mixin   line12,修改为

也是可以实现的。

3.页面路由缓存问题

routers.js文件开头说了需要设置页面name,但是页面中name命名不能使用中线的方式

4.权限访问

路由页面中的meta下access选项是配置目录访问权限的,不设置默认页面可以由所有人访问。设置后,需要meta.access数组中 至少有一项存在于总的access列表中。

5.时间日期选择验证问题

因为选择范围返回的结果是数组,和只选择时间的返回结果类型不同,所以需要使用数组验证。并且给DatePicker绑定的时候不能使用v-model,须使用:value。

6.打包白屏

src/router/index中,mode改为'hash';

vue.config.js文件:

猜你喜欢

转载自blog.csdn.net/weixin_64051447/article/details/131685971