​需求分析容器的高度自适应table 的高度由数据的条数决定需要让分页器始终处于容器底端解决方案上一步我们通过利用 flex 布局实现了容器高度的响应式,使得容器的高度不再需要去计算。现在我们只关注 middle 部分当我们添加了分页器后,很明显这一部分又变成了经典的上中下布局。这样就可以继续使用 flex 布局。此时的 dom 结构如下,为了防止命名冲突,在前面加上了 h- 前缀<div
原创 2022-06-28 23:57:18
764阅读
iview下拉菜单树的iview-select-tree的使用以及iview-select-tree的实现的源代码前言单选效果多选效果
  iview下拉菜单树的iview-select-tree的使用以及iview-select-tree的实现的源代码 公众号 前言 单选效果 多选效果 validate验证效果 iview-select-tree的集成的npm的地址 集成iview-select-tree   公众号 前言 最近遇到一个问题,希望在iview的下拉菜单中可以以树形菜单的形式展示出来,可惜iview的作
原创 2022-08-29 16:04:35
36阅读
直接设置 指定节点的 indeterminate 的值即可 node.indeterminate indeterminate: { type: Boolean, default: false }, ...
IT
转载 2021-08-26 11:25:00
170阅读
2评论
iview文章iview
原创 2021-07-20 16:06:45
231阅读
gitHub:https://github.com/huanglong6828/vue-tree-grid1,创建treeGrid.vue(将文件放入components中),其中树型表格的父元素图标不显示,我改了一下(改为ios-arrow-forward和ios-arrow-down),并添加了样式<!-- * @Author: 黄龙 * @pageName: 'tree-grid
转载 2024-03-20 09:43:57
57阅读
如何模块化使用iview框架一.前言废话二.什么是iview三.安装iview四.项目结构五.使用iview 一.前言废话作者是写java的,近几天刚接触vue,处于萌新阶段。希望通过该博客把自己学习开发的过程记录下来一、是为了后面回顾(假设作者后面忘了-可以快速的再走一遍过程)二、是作为一个萌新,学习中遇到的问题也可能是其他萌新会遇到的,希望其他同学能少走弯路。写的不好是必然的,内容只写作者觉
转载 2024-05-23 12:48:55
49阅读
iview Tree数据格式问题,无限递t/5b51a8a4e51d455d6825be20
原创 2022-08-29 16:50:31
89阅读
在实现级联选择时,如果数据过长需要滚动时(overflow:auto),会忽略子元素的position:absolute;属性。导致position未能脱标。x轴会出现滚动条。不符合设计要求。 思路:用一个大盒子包裹,三个盒子并列排开。 布局: 1、在外层用一个div包裹第一层、第二层、第三层的盒子。(相对定位) 2、第一层盒子正常写。 2、第二层盒子利用决对定位并使用v-show控制显隐,lef
转载 6月前
7阅读
原创 2022-08-29 16:43:25
110阅读
官网地址:iview官网 1.iview在非 template/render 模式下标签的转化 以下组件,在非 template/render 模式下组件名要分隔: DatePicker:date-picker FormItem:form-item CheckboxGroup:checkbox-gr
转载 2021-04-06 18:04:00
447阅读
2评论
// 树组件 <Tree v-bind:data="structTreeData" v-bind:render="renderContent" @@on-select-change="selectChange"></Tree> // render函数 renderContent (h, params ...
转载 2021-08-11 10:52:00
634阅读
2评论
这个设计的真好,向iview作者致敬<template> <Table border :columns="columns
原创 2023-04-25 09:50:37
76阅读
iView文件上传(OSS直传)前言:前期项目中使用了第三方的开源UI框架 View UI(前期叫 iView)。总体感觉该UI框架还是比较不错的。但是现在View UI商业化了,部分功能需要付费才能使用。近期做的功能模块需要上传文件,就想到UI中的Upload上传 模块,思前想后决定用它来实现文件上传。 之所以选用UI自身的文件上传,主要是因为其可配置,还有上传进度条。本次文件上传因为要涉及到大
转载 2021-01-19 17:43:28
1289阅读
2评论
和element-ui类似的是iview-ui框架的使用方法基本相同,不同的是提供api和事件等等 iview-ui地址:https://iviewui.com/ 如何使用 第一步安装 npm install view-design --save 要在main.js中进行配置 1 import Vu ...
转载 2021-09-21 22:28:00
285阅读
2评论
iView 组织架构是一种用于构建用户界面的现代化开发框架。它为开发人员提供了丰富的组件和工具,以便快速创建美观、交互丰富的 Web 应用程序。本文将介绍 iView 组织架构的基本概念、主要组件以及如何使用代码示例来构建一个简单的应用程序。 ## 什么是 iView 组织架构 iView 组织架构是基于 Vue.js 的前端开发框架,旨在帮助开发人员快速构建用户界面。它提供了一套丰富的 UI
原创 2023-08-31 16:08:59
179阅读
在Vue里面,想重置iView的表单,需要在FormItem中指定prop属性,FormItem包含的控件需要
原创 2022-08-15 11:07:38
430阅读
穿梭框双栏穿梭选择框,常用于将多个项目从一边移动到另一边。说明Transfer 组件主要基于
原创 2023-04-25 09:48:55
363阅读
1.前端准备工作首先新建一个项目,然后引入iView插件,配置好router npm安装iViewnpm install iview --save cnpm install iview --savesrc/main.js文件内容import Vue from 'vue' import App from './App.vue' import router from './router' import
  • 1
  • 2
  • 3
  • 4
  • 5