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阅读
在实现级联选择时,如果数据过长需要滚动时(overflow:auto),会忽略子元素的position:absolute;属性。导致position未能脱标。x轴会出现滚动条。不符合设计要求。
思路:用一个大盒子包裹,三个盒子并列排开。
布局:
1、在外层用一个div包裹第一层、第二层、第三层的盒子。(相对定位)
2、第一层盒子正常写。
2、第二层盒子利用决对定位并使用v-show控制显隐,lef
官网地址:iview官网 1.iview在非 template/render 模式下标签的转化 以下组件,在非 template/render 模式下组件名要分隔: DatePicker:date-picker FormItem:form-item CheckboxGroup:checkbox-gr
转载
2021-04-06 18:04:00
447阅读
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
279阅读
2评论
iView 组织架构是一种用于构建用户界面的现代化开发框架。它为开发人员提供了丰富的组件和工具,以便快速创建美观、交互丰富的 Web 应用程序。本文将介绍 iView 组织架构的基本概念、主要组件以及如何使用代码示例来构建一个简单的应用程序。
## 什么是 iView 组织架构
iView 组织架构是基于 Vue.js 的前端开发框架,旨在帮助开发人员快速构建用户界面。它提供了一套丰富的 UI
原创
2023-08-31 16:08:59
179阅读
穿梭框双栏穿梭选择框,常用于将多个项目从一边移动到另一边。说明Transfer 组件主要基于
原创
2023-04-25 09:48:55
363阅读
在Vue里面,想重置iView的表单,需要在FormItem中指定prop属性,FormItem包含的控件需要
原创
2022-08-15 11:07:38
430阅读
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
转载
2024-01-05 23:41:48
0阅读
<template><div class="trend"> <span :style="styles">{{str}}</span> <Icon :style="dropdownstyles" v-if="derection=='down'" type="md-arrow-dropdown" /> <Icon :style="dropupstyles" v-if="derection=='up'" type="md-...
原创
2021-07-05 15:56:59
216阅读
于2021.08.09开始研读iview源码,于此记录问题和心得: 1.使用Input的type为textarea时,会生成一个隐藏的textarea标签。并且在项目中,如果生成过一个,就不会再生成新的textarea标签了。 当我们引入.js文件时,如果.js文件中有变量,只要我修改过这个变量。那 ...
转载
2021-08-11 00:06:00
399阅读
2评论
<template><div class="trend"> <span :style="styles">{{str}}</span> <Icon :style="dropdownstyles" v-if="derection=='down'" type="md-arrow-dropdown" /> <Icon :style=
原创
2022-01-30 17:46:40
403阅读
目录在vue-cli中使用iview常见问题\报警告类型检查失败属性值中引用的变量没有被解析this的指向问题使用v-for渲染下拉列表时报警告事件监听不生效颜色选择器显示为向下箭头关于iview提供的事件监听 iview是一个基于vue的UI框架,主要用于编写后台、PC端页面。 在vue-cli中使用iview1、安装iviewnpm install iview --save不要用iview官网给出的npm install命令,那个命令容易出问题 2、在m
原创
2021-09-07 15:55:51
2200阅读
<Page :total=totalPage :current=currenPage :page-size=pageSize @on-change="changePage" @on-page-size-change="changePageSize" :page-size-opts="[1,2,5,1
原创
2023-05-11 12:06:50
226阅读
仅以此文 纪念我无声的三周年司龄 以及2019年8月 姿美堂709的封闭开发时光!!! 每年的八月份都是我司封闭开发的 大(ku)好(bi)时光,今年封闭开发带着我的小团队用iview-admin2重新构建了app后台管理系统期间产品需求有树形控件 - 单选 需求,旧后台用的zTree 自带此功能 无需多说,换成iview居然没有单选,只有多选百度之~恩 要是一下就查到解决方案