iview
咖啡有点酷
vue前端工程师
展开
-
iview 根据权限显示隐藏某一列
if(this.roleId != this.countyOrganizations && this.roleId != this.cityRoleIds) { var arr = [] for (let i in this.tableColumnPugins) { arr.push(this.tableColumnPugins[i]) } this.columns = arr.filter(i => { .原创 2021-01-29 15:43:03 · 474 阅读 · 0 评论 -
iview Modal高度的设定问题
官方无可用API供大家参考,所以。。换个思路吧,就是直接从内部设定一个DIV,对他设置高度即可,modal框会自动撑高 <Modal v-model="lookModel" title="查看" width="60%" footer-hide> <div style="height:600px;width:100%:"> </div> </Modal>这种设定是为了可以让原创 2021-01-26 10:55:22 · 6352 阅读 · 0 评论 -
vue iview列表循环生成swich按钮及按钮判断事件
<div class="smart-info"> <div class="smart-left"> <p class="title-p"><span>机器设备1号</span><i-switch v-model="switchParams.switch" true-value="0" false-value="1" @on-change="switchChangebox"></i-sw.原创 2020-07-03 13:43:52 · 1044 阅读 · 1 评论 -
iview tree组件 vue版下拉树,菜单权限树
<FormItem label="菜单权限" label-position="top" prop="menuIds"> <div style="display:inline-block;width:100%;"> <Tree :data="menuItems" ref="tree" show-checkbox multiple></Tree> </div> </FormItem> import..原创 2020-06-12 14:34:25 · 650 阅读 · 0 评论 -
iview 数据表格 只有倒序排序
configuration: { title: '选型配置', minWidth: 100, key: 'configuration', align: 'center', renderHeader: (h, params) => { return h('div', [ h('strong', {...原创 2020-04-28 16:19:03 · 617 阅读 · 0 评论 -
iview 数据表格 列表内点击改变按钮状态
confStatus: { title: '活动预告配置', minWidth: 150, key: 'confStatus', align: 'center', renderHeader: (h, params) => { // 自定义有标题信息然后定义触发事件 return h('Checkbox', { ...原创 2020-04-27 14:34:29 · 1085 阅读 · 0 评论 -
iview 数据表格 列表某一列进行点击,出新弹框页
UserNum: { title: '人数', align: 'center', minWidth: 100, key: 'UserNum', render: (h, params) => { let value = params.row.UserNum if (typeof(value) ==...原创 2020-04-27 13:47:42 · 1813 阅读 · 0 评论 -
iview 表格时间格式化
publishTime: { title: '发布时间', minWidth: 100, align: 'center', key: 'publishTime', render: (h, params) => { let value = params.row.publishTime if (type...原创 2020-04-23 10:23:37 · 1770 阅读 · 0 评论 -
iview 数据列表当前页最后一条删除后不刷新到第一页的解决方法
this.$Message.success('成功删除信息') if (this.listData.length - this.chooseListData.length === 0) { this.chooseListData = [] this.$refs.tables.handleReset() ...原创 2020-04-23 10:23:01 · 777 阅读 · 0 评论 -
iview 时间选择器 开始时间不可大于结束时间
<span class="search-tip">开始时间:</span> <date-picker type="datetime" v-model="startTime" placeholder="请选择开始时间" :options="startTimeOption" @on-change="onStartTimeChange">&l...原创 2020-04-22 09:50:19 · 1989 阅读 · 0 评论 -
iview 下拉框清空问题,清除遗留的focus样式
<Select clearable :disabled="isSee" v-model="formData.baseId" placeholder="请选择行业" name="select"> <Option v-for="item in categoryList" :value="item.id" :key="item.id...原创 2020-04-17 16:38:02 · 1376 阅读 · 3 评论 -
vue 文本编辑器wangeditor版
<FormItem label="详情描述" label-position="top" prop="goodsDescription"> <br> <Editor ref="editor" @on-change="editorChange" v-if='!isSee' ></Editor> ...原创 2020-04-17 10:13:29 · 264 阅读 · 0 评论 -
iview 数据表格列表显示图片文字
goodsBaseprice: { title: '主图/售价', minWidth: 150, align: 'center', key: 'goodsBaseprice', render: (h, params) => { let value = params.row.goodsBaseprice ...原创 2020-04-17 09:14:53 · 1068 阅读 · 0 评论 -
iview 数据表格 行内字数限制,多余隐藏用。。。代替,滑过时显示行内信息
name: { title: '类目名称', minWidth: 150, align: 'center', key: 'name', tooltip: true, render: (h, params) => { let value = params.row.name if (type...原创 2020-04-10 09:08:24 · 946 阅读 · 0 评论 -
iview 数据表格中 按钮操作自定义(启用停用切换)
let stausName = null let stausColor = null if(params.row.supplierStatus === 1){ stausName = '启用' stausColor = 'success' }else{ stausName ...原创 2020-04-10 09:01:13 · 944 阅读 · 0 评论 -
iview 数据表格中 启用停用显示判断
status:{title:'状态',align:'center',minWidth:80,key:'status',render:(h,params)=>{letvalue=params.row.statusif(typeofvalue=...原创 2020-04-10 08:57:43 · 325 阅读 · 0 评论 -
iview 数据表格 固定列拉倒底部后刷新出现错行问题
很多小伙伴肯定遇到过这个组件问题,下面只需要一行即可搞定vue方法首先我们在mixin.js里封装一个方法pageSizeChange(pageSize) { // 每页显示数量变更 this.searchParams.limit = pageSize // this.searchParams.showCount = pageSize this.i...原创 2020-02-25 11:14:59 · 1169 阅读 · 0 评论 -
iview checkbox 文档垃圾,自己改吧
<FormItem label="自定义"> <Checkbox-group v-model='fruit' @on-change="changeview"> <Checkbox label="香蕉"></Checkbox> <Checkbox label="苹果...原创 2020-01-21 14:03:27 · 411 阅读 · 0 评论 -
iview cascader 级联验证长度(最小长度是4,最大长度4)
institution:[{type:'array',min:4,required:true,message:'请选择机构(四级)',trigger:'change'},{type:'array',min:4,required:true,message:'请选择机构(四级)',trigger:'blur'}],...原创 2019-10-16 14:39:47 · 1033 阅读 · 0 评论 -
iview 时间控件 日期处理格式解决方法
<FormItem label="年月日" label-position="top" prop="check_ym"> <DatePicker v-model="formData.check_ym" type="date" :disabled="isSee || isOperate" :format="dateFormat" placeholder="请...原创 2019-10-16 14:35:01 · 2761 阅读 · 0 评论 -
iview Cascader 级联选择 树结构遍历
写法是vue的<Cascader :data="choose" trigger="hover" @on-change="chooseLine"></Cascader>data里设置 choose: [],mounted方法里需要获取url的接口import { mapList } from "@/api/api-census-main"; url接口...原创 2019-08-14 14:03:08 · 1482 阅读 · 0 评论 -
iview图片自定义上传列表
<template><div><div class="demo-upload-list" v-for="item in uploadList"><template v-if="item.status === 'finished'"><img :src="item.url" /><div class="demo-u...原创 2019-08-05 16:14:16 · 1064 阅读 · 1 评论