nuxt项目中引入并配置 iview

安装iview

注：想要加入其它的配置，可以在 nuxt.config.js 的 plugins 配置项中加入，同时在 plugins 文件夹下加入引入逻辑。

在nuxt.config.js文件中写：

同时新建 plugins/iview.js文件 (如果引入的是elementUI，则新建plugins/element-ui.js文件)

在plugins/iview.js文件中写：

使用iView的Cascader级联选择器时，遇到了 change-on-select相关问题 。

当然Cascader是动态方式加载选项的。

废话不多说，上栗子 iView Cascader change-on-select为 true 问题 ，当然在实际应用中，肯定是有设置初始值的情况的，所以需要找到相关解决方案。

既然change-on-select为true时有问题，那么change-on-select设置为 false 呢？

iView Cascader change-on-select为false问题

初始值可以设置了，很棒，有个缺点就是无法点击菜单选项，值就直接生效。

如果既想设置初始值，又想每次点击菜单选项值都发生变化呢？有没有解决方案？！

当然，是有的。

怎么做呢？

答：动态的更改change-on-select咯，且通过 on-visible-change 事件。 iView Cascader 既能设置初始值，又能点击菜单选项值变化

(完）

---