view design

vue2 + View design 使用inputNumber设置默认值为undefined但展示数据为1且表单校验不通过的原因【总金额】和【单价】都是使用的inputNumber 问题1: 打开弹窗，切换【渠道资源】出现【总金额】默认展示为1 问题2: 表单校验不通过，奇怪的是输入值后就会会通过表单校验 [图片]

前端李易安

iview Form Input组件按下回车键搜索和禁止触发表单默认事件在进行表单搜索功能开发的过程中，经常会有这样的需求，要求Input输入完成以后，按下回车键进行查询。实现这个功能只需要在Input组件上增加@keyup.enter事件即可代码如下：

快速搭建最简单的前端项目vue+View UI Plus‌‌Vue是一套用于构建Web前端界面的渐进式JavaScript框架。‌‌它以其易学易用、性能出色、灵活多变而深受开发者喜爱，并且与其他前端框架（如‌React和‌Angular）相比，在国内市场上受到了广泛的认可和使用。点击进入官方网站。 View UI Plus 是 View Design 设计体系中基于 Vue.js 3 的一套 UI 组件库，主要用于企业级中后台系统。提供了超过 80 个常用底层组件（如 Button、Input、DatePicker等）及业务组件（如 City、Auth、Log

不cong明的亚子

记一次高版本view-design的组件迁移到自身项目的低版本当前老项目使用view-design这个组件库，但是当我们去官网查看该组件库最新版本，竟然发现没有博主想用的image/ImagePreivew这两个基础组件

iview checkbox单独使用时如何去掉显示的true和false以及不显示文字如图所有当在表格显示中想单独使用checkbox的时候，只想显示勾选不显示文字这样写，分别用2个参数true/false来显示勾选和不勾选，再在外层用参数控制就好啦，是不是很简单呢！

上传文件，文件类型限制语法，各种媒体视频文件的Content-Type各种媒体视频文件的Content-Type“application/x-apple-diskimage”: “DMG”,

iview 2.x table 设置固定列后中间留白的问题解决方案，设置一个空的一个完整的colums

前端热爱者

vue项目使用iview☞Modal后页面不能滚动的诡异问题部分版本（360、谷歌）浏览器，页面不能正常滚动，但是我自己的怎么就好好的，本着有问题一定解决原则，找到问题机器，查找原因，发现个诡异的东西，浏览器竟然自动在body上加了一个“overflow：hidden”

Э时间行者于我

Vue iview-ui 被tooltip包裹的标题，点击跳转后，提示框不消失css写得没错，问题出在Javascript当中的 getElementsByClassName(“xxabc”)，这个方法得到的是一个由class="xxx"的所有元素组成的集合，而不是单个元素；集合是没有display属性的，集合中的元素才有display属性。当你试图做集合.style.display的时候，自然会报错。所以你这个问题的解决方案应该是：遍历集合中所有的元素，然后给每个元素都加上display="none"的属性

vue+iview tabs context-menu 弹出框怎么修改样式今天遇到一个需求说页面顶部的菜单右键弹出框离得有点远代码是这样表现出来是这样首先打开控制台，找到这个样式是 ivu-dropdown-transfer

iview中基于upload源代码组件封装更为完善的上传组件在props里定义了limit接收字段，在input type="file"的 on-change 事件里调用的 uploadFiles 方法中做好数量限制的逻辑判断

解决iview表格固定列横向滚动条无法拖动问题问题描述： iview的table添加固定列以后，滚动条在固定列下面无法拖动，只能在滚动区域有所反应解决办法【写入main.js引入的全局文件时不需要::v-deep; 写入单个文件需要加::v-deep】

笑到世界都狼狈

View UI清除表单首先，想要先爆个粗口，这个组件真的好难用，接下来看看清除表单验证吧，和element-ui一点都不一样。

大美B端工场-B端系统美颜师

Ele admin pro和iView Admin pro的用户管理页面对比Ele admin pro和iView Admin pro都是非常优秀的B端框架，功能大同小异，本文就着重比对一下二者的用户案例页面，让老铁们感知一些细节。

iView 中DatePicker日期选择器 v-model不生效的情况公司项目前段使用的是iview样式库，在开发的过程中，需要使用到时间选择器使用后发现，输出的时间格式有问题，查看了需要使用到format来设置输出内容，发现不生效

iview select组件在大数据情况下虚拟加载处理方式select 组件在几千上万条数据的时候特别卡，调试发现option组件渲染太多，导致整个页面都卡，通过调研发现可以通过虚拟加载的方式动态渲染option，亲测上万数据一点都不卡，废话不说，上代码

iview弹窗提交问题优化如上图所示有时候在弹窗中有比较复杂的表格组件数据这时候你如果把提交按钮直接放在弹窗上就会很麻烦不仅要处理表格的验证同时也要维护弹窗的开启和关闭状态不是很自由这时候就看见把提交按钮单独摘出来可以在自建的按钮上判断各种状态是不是很方便呢

uView ui 1x uniapp 表格table行内容长度不一导致高度不统一而出现的不对齐问题因为td单元格内空长度不定导致行单元格未对齐重置td的高度：height:100% 改为height:auto !import

代码改变生活-120

iview table 默认排序字段不高亮解决办法

会做梦的辣条鱼

vue+iView 动态侧边栏菜单保持高亮选中iview 组件在使用过程中，多多少少有一些小坑，本文简单罗列一二：避坑指南：关于iview 侧边栏菜单未能展开高亮选中回显问题应用场景：iview-admin下接入动态菜单后，刷新或链接跳入时回显失效