iview升级至4.X最新版本

最新推荐文章于 2023-04-12 12:09:13 发布
最新推荐文章于 2023-04-12 12:09:13 发布
阅读量4.2k 收藏 1
点赞数 3
分类专栏： vue web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_42338962/article/details/105510389
版权
web 同时被 3 个专栏收录
23 篇文章 0 订阅
订阅专栏
javascript
18 篇文章 0 订阅
订阅专栏
vue
15 篇文章 0 订阅
订阅专栏

在这里插入图片描述
因为iview改名了，所以更新会有点烦

1.命令：
npm install view-design --save

或者在dependencies手动添加依赖
"view-design": "^4.2.0",
添加完执行npm install
2.全局替换：
npm update iview

在这里插入图片描述

3.我也为这就好了，然后重启，结果是也不报错也没更新，纳闷。。。

安装成功了没更新只有一种可能，那就是还用着原来的包，于是删掉了原来的iview包，才出来报错：
在这里插入图片描述
css记得也更新一下，更新好重启

_花开富贵
关注
专栏目录
iview4.x中实现表格列拖拽｜左右拖动｜点击标题移动｜iview拖拽后数据变化但是标题未变
KliveWanLi的博客
04-07 304
注意，columnsList是表格column， 最后使用this.$nextTick() ,不然页面会出现数据拖拽了标题没有变化的bug。1、安装sortablejs。4、mothods加入方法。
vue-ci项目 webpack3.x升webpack4.x
guo623689478的博客
04-04 783
老板要求将之前的vue项目升级一下版本，也就是webpack4.x版本，对于从来没有升级过项目的本人来说是个不小的挑战。 在此之前已经研究了一天的webpack4.x文档，说实话文档真的不容易吃透，还要慢慢摸索。 0配置 相比于webpack3，webpack4可以零配置运行，即webpack4的0配置也只是支持了默认entry 和 output而已，即默认entry为./src,默认output...
iview4.0+最新官方离线教程
03-04
2020-03-03自己整理出来的最新官方iview4.0+版教程离线版，供大家参考学习.......................................
记录：iview升级至4.0.0最新版本
weixin_43652669的博客
02-12 5374
View UI（iview）从4.0.0版本开始，需将npm包iview替换为view-design 老用户升级 升级 法1.直接执行命令：npm install view-design --save（直接更新到最新版，package.json不用再动） 法2. package.json中添加view-design： "dependencies": { "view-design": ...
iView 4.* 自定义侧边栏触发器（修正）
1H1R1M的博客
08-17 749
#1）问题： 去年刚接触vue，写过要给通过iView框架自定义侧边栏触发器的布局内容。当时对vue和它的生态一窍不通，也没什么基础，所以之前的那篇文章还有许多问题。但是还有两个小伙伴有问到其中菜单伸展隐藏的问题，借此机会重新把之前写的整理一下，同时解决一下之前没有解决的问题，希望能给一些小伙伴一些帮助。 #2）过程： 2.1 依赖包，"view-design":"^4.3.2" 2.2 vue-cli创建一个hello项目（过程略） 2.3 使用iView官网的布局模板 2.4 左侧侧..
iview-admin中要用到功能更加完善的组件需要更新至最新版本的方法
weixin_44093954的博客
10-29 724
链接：https://blog.csdn.net/qq_35206261/article/details/87919029 2.1 检查更新 npm install -g npm-check-updates 2.2 ncu -u 命令 然后重新npm install, npm run dev即可。 但是我当时在run的时候遇到了一个问题： 网上找了下，需要更新vue.config.js文件...
iView2.7.0基于Vue.js的企业级UI组件库
07-31
iView 2.7.0是一套基于Vue.js 的企业级UI组件库，主要服务...i18n 兼容 vue-i18n 6.x 版本，并支持通过 script 标签引入，完善国际化使用文档。 现在可以更好地按需加载组件了。 Form 验证方法 validate 支持 Promise
单商户商城crmeb4 完整源码包 V4.x.zip
03-19
crmeb4 V4.x.zip 线下收银，付费会员系统，拼团砍价秒杀齐全，源码完整，版权归原公司所有，该源码仅供大家学习参考之用，请勿用于商业用途。 CRMEB单商户v4.0.3基于Thinkphp6.0+vue+mysql+redis开发 砍价，拼团，...
crmeb V4.0.x.zip
07-16
crmeb4 V4.x.zip 线下收银，付费会员系统，拼团砍价秒杀齐全，源码完整，版权归原公司所有，该源码仅供大家学习参考之用，请勿用于商业用途。 CRMEB单商户v4.0.3基于Thinkphp6.0+vue+mysql+redis开发 砍价，拼团，...
iview 升级指南 —— MenuItem 篇
weixin_34179968的博客
08-05 1973
iview 在今年 7 月 28 号发布了 3.0.0 版本，大版本升级往往意味着功能、接口的大变更。 虽然官网已经有长长的更新日志，但看起来还是有些抽象了， 所以我决定做个新旧版本的比较，盘点新版本到底为我们带来了什么新特性。 本篇是系列文章的第三篇，重点并不在介绍 MenuItem 的功能特性，而在于对其代码的讨论； 对其设计的思考。 班门弄斧，见谅。 唯一新增的特性 —— 支持链接模式 ...
老用户将iview升级至4.0.0最新版本时 如下操作
weixin_44093954的博客
10-29 5815
1、 2、 3、然后 cnpm run dev 即可。
vue+iview4实现添加配置功能，可多条添加，一条时候不可删除，多条可删除。另附加iview下拉框实现传多参功能，
Hzq88888的博客
03-19 393
<Form-Item label="配置政策：" prop="allocationPolicy" class="redTipForm"> <div style="display: flex;justify-content: space-between;align-items: center" v-for="(item,index) in formValidate.allocationPolicy" :key="index"> ...
vue+iview4.0 , vue+element实现下拉框可以自定义输入内容
浩星
12-12 9325
前言： 最近10月的时候 iview4.0 更新了，但是一直在忙也没用到，正好因为要实现一个下拉框里面我要自定义输入内容的效果，element里面是有这个效果，antd里面没有，因为本项目用的iview，也不能因为一个效果直接换框架，就更新项目中的iview到4.0版本了; 先看看效果图： 1、iview4实现的单选增加 2、element实现的多选增加 第一：用...
iview4.0 table合并项（指定x列+指定y行合并+可配置最后独立合计行）
xavier
04-12 700
3、可配置尾行是否独立展示->做合计项。2、可指定从第x列开始合并。1、可自定义配置跨行数。
vue项目结合iview4UI组件实现树状结构及复杂动态表头列表 Tree-Table 及复杂header 省市区树状表格联动 数据优化后台一次性返回一万条数据页面卡死问题
Hzq88888的博客
02-07 1234
一、首先看看需求最终效果图，该需求总共罗列以下几点 最左侧采用树状结构将地址省市区县街道展示出来，并且控制名称长度限制，多余的用省略号表示，鼠标悬浮上去名称展示出来 列表默认展示市一级数据，县及街道数据都是点击+按钮，通过ajax向后台请求获得 表头日期也是后端动态获得，具体情况看下面代码 , 二、表格数据html及css部分 .adressTable .ivu-table-cell { display: flex; justify-conte.
vue-cli3.0 + vue2.0 + iview----4.使用
XiaoYi0215的博客
04-15 696
1.使用axios 安装 npm install axios --save 使用 https://github.com/jiangyi215/yx2JS/tree/master/libs 2.使用极验验证 安装 ...
iview-admin的组件升级到最新
请叫我猿叔叔的博客
02-25 5160
一、简介               使用的iview-admin作为前端UI组件，当时开项目的时候版本是3.1.3， 后面在3.2.2的版本的时候修复了一些BUG，故要升级。 二、步骤 2.1 检查更新 npm install -g npm-check-updates   2.2 ncu -u 命令   然后重新npm install,  npm run dev即可。...
ViewUI 4.2.0（原 iView）发布，企业级 UI 组件库
方圆百里找对手
04-14 597
ViewUI 4.2.0 发布了，ViewUI 即原先的 iView，它是一套基于 Vue.js 的企业级 UI 组件库，主要服务于 PC 界面的中后台产品。 更新内容如下： Table 新增属性show-context-menu，开启后，可以点击右键弹出菜单，需配合 slotcontextMenu一起使用。 Table 事件@on-contextmenu新增返回参数positi...
iview 4.0.0版本以下手动实现阻止switch切换 (before-change) 事件
Michelle_Yuki的博客
11-25 2084
背景 根据用户需求，需要在控制开关前给用户一个提示信息，用户点击确定再执行后续操作，用户点击取消则不改变开关的状态。以iview组件库为例，使用switch组件实现用户操作。公司最近有一个老项目的需求，需要实现类似功能，iview版本在3.2.0。 实现思路 switch是在用户点击之后先切换开关的状态，然后再去执行后续的操作，当然这不是我们想要的效果，后来在github上看到很多人建议添加一个阻止切换的事件，当返回true时再执行后续操作。iview的研发团队也这样做了，iview4.0.0版本以后支持开
iview中 $modal.confirm如何上下居中
最新发布
05-31
您可以通过CSS样式来实现iview中 $modal.confirm的上下居中，具体步骤如下： 1. 给iview的confirm框添加一个类名，比如“my-confirm”： ```javascript this.$Modal.confirm({ title: '提示', content: '确定要删除吗？', class: 'my-confirm', onOk: () => { // 确认删除操作 }, onCancel: () => { // 取消删除操作 } }); ``` 2. 在CSS样式文件中设置“my-confirm”类的样式，将其上下居中： ```css .my-confirm .ivu-modal-wrap { display: flex; align-items: center; } .my-confirm .ivu-modal-wrap .ivu-modal { margin: auto; } ``` 这样就可以让iview中的confirm框上下居中了。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值