Vue 项目中使用 iView 组件库设置样式不生效解决方案记录

将 iVew 引入项目后发现没有生效，经过查找总结问题是：安装 iView 的版本太低，与 Vue 不匹配，最后没有生效。

初始我执行的是 安装 iView 1.0的命令，

$ npm install [email protected] --save

安装的是 Vue 3.0

vue create demoproject

在 HelloWorld.vue 中写入下面代码，界面中输入框未显示

<i-input :value.sync="value" placeholder="请输入..." style="width: 300px"></i-input>

于是卸载已经安装的低版本 iView

npm uninstall iview

安装高版本的 iView，也叫 View UI

$ npm install view-design --save

同时 main.js 中需包含

import iView from 'view-design';
import 'view-design/dist/styles/iview.css';
Vue.use(iView);

经过这样一番操作，iView就可以生效了（截图是用到了输入框的样式）

可以在 package.json 中查看安装的是4.x版本

以上是使用 iView 组件库的一点踩坑经历