![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
iview
木头没有瓜
王者也飘然
展开
-
ie 8 9低版本input下的兼容问题(vue/iview/iview-design)
事件背景:项目使用了view+iview做的项目,需要在ie低版本浏览器下做兼容问题代码:// template <i-col span="4"> <Input v-model="pickerMobile" clearable :maxlength="11" autocomplate="off" placeholder="请输入手机号码"原创 2022-03-03 10:35:18 · 565 阅读 · 0 评论 -
iview 小数 非空 校验
ruleValidate: { amount: [ { required: true, message: '金额不能为空', trigger: 'change', type: 'number' } ], },<FormItem label="金额" prop="amount"> <Input v-model="formValidate.amount" type="number" placeholder...原创 2020-08-14 10:35:00 · 171 阅读 · 0 评论 -
iview-admin设置统一登录超时退出登录处理
1、引入import store from '@/store'import { Modal } from 'iview'import router from '@/router'import { loginOut } from '@/api/user'2、设置拦截处理// 响应拦截 instance.interceptors.response.use(res => { this.destroy(url) const { data, status }原创 2020-06-19 14:14:38 · 579 阅读 · 0 评论 -
iview input maxlength 最大输入长度 报错
iview input Invalid prop: type check failed for prop "maxlength". Expected Number, got String1、代码如下<Input v-model="formValidate.name" placeholder="最多40个字符" maxlength="40" show-word-limit clearable ></Input>2、官网API如下3、报错信息如下4、修改方案原创 2020-06-18 19:07:39 · 1662 阅读 · 0 评论 -
iview 踩坑系列
1、form表单认证——数字类型,同时认证数字和非空会报错解决方案,需要自定义认证方法 const validateNumber = (rule, value, callback) => { if (!value) { return callback(new Error('Age cannot be empty')) } if...原创 2019-07-23 11:55:13 · 185 阅读 · 0 评论 -
iview Dropdown 下拉菜单 选中不隐藏,点击区域外才隐藏
项目要用dropDown做一个tab,要在下拉菜单中不停选中,无奈查看iview的API都没有详细说明,只有自己尝试,终于找到办法了1、首先 trigger='click'2、第二,不要<Dropdown-item></Dropdown-menu>标签3、下面是事例<Dropdown :placement="placement" class="vm-...原创 2018-09-14 22:50:30 · 5303 阅读 · 3 评论 -
iview下拉框使用重置功能时option选项丢失
<!-- 网络添加 --><Form :label-width="100" ref="dataAdd" :model="dataAdd" :rules="ruleData"> <Form-item label="网络类型" prop="type"> <Select v-m原创 2018-09-19 15:40:19 · 2699 阅读 · 7 评论 -
iview中on-change使用
<RadioGroup v-model="dateRange" type="button" @on-change="clearDefinedDate"> <Radio label="today">今天</Radio> <Radio label="yesterday">昨天&原创 2018-09-05 18:15:53 · 6925 阅读 · 0 评论 -
iview 和 elementUI实现 表格列的自定义, 包括选择性展示或隐藏
1、由于iview和elementUI中,都没有支持列选择性展示或者隐藏,选择项为竖列,如boostrap Table中,又懒得自己写样式代码,于是乎,本人将上述两种结合起来,iview的文档中提供了横向多选自定义列的方法,但是出于项目需要,要做成竖着显示,偏偏iview的多选好下拉菜单都是单选,而且是点击之后就会隐藏选项,但是elementUI中el-dropdown :hide-on-clic...原创 2018-08-30 12:03:08 · 5539 阅读 · 0 评论 -
vue配合 iview 表格设置默认高亮
在单选模式下 a、使用 @on-row-click="selectIndex" 得到index索引并且存起来 b、在mounted 或者 watch 使用 this.dataShow[this.index]._highlight = true;原创 2018-08-04 21:24:34 · 4110 阅读 · 0 评论