element1.可以通过npm 和使用cdn2,支持多种语言组件3.基本组件还是可以的iViewiView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。1.也是支持多种语言组件 2.基础组件较为完善
原创
2022-07-13 11:27:36
69阅读
通过vite快速创建了一个vue项目,vite相比于vue-cli创建的项目更简洁,而且创建项目的速度远远快于vue-cli,然后项目启动的速度也非常快,我写的简易的后台管理系统启动前端页面的时候能明显感觉出来差异了,本人制作的这个系统算是很小很小的项目了,可想而知如果是大型项目做调试的时候vite比起vue-cli创建的项目能快很多,效率更高,vue-cli创建项目使用的是webpack作为打包
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
element-ui iview-admin 都是基于vue的ui框架
原创
2022-08-29 16:27:51
72阅读
官网地址: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阅读
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阅读
Vue快速入门Vue是一套构建用户界面的渐进式的前端框架Vue的程序包含视图和脚本俩个核心部分1.入门步骤-1 导入js文件
-2 视图部分
-3 脚本部分2.快速入门<body>
<!--视图-->
<div id="div">
{{msg}}
</div>
<script src="../js/vu
转载
2024-06-18 07:51:49
42阅读
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阅读
这是一位读者面试时遇到的问题,我给他解答过后也想将这个问题分享背后究竟有着哪些可以学习的点首先给你们30秒钟的时间进行思考,来回答会从哪些方面进行总结?如果你还不知道 Ant Design 与 Element 究竟是什么,可以去访问 Youthce.com/resources 我的个人网站了解下面是我的想法,首先这类问题,其实更适用于 Ant Design 与 公司自身设计规范 的差异,它所考察的
单选:https://github.com/iyaq/iview-area多选:https://gitee.com/biabia123456/cascader-multi
原创
2022-03-02 13:34:10
1840阅读
先看官方文档: iview导航菜单 这里主要遇到的问题有两个: 1. 点击回到首页(B按钮)时需要取消选中当前选中的菜单项(全部不选中),这里用到的是 updateActiveName方法 2. 点击收起菜单(A按钮)时,关闭所有展开的子菜单(只展示一级菜单),这里要用到的是 updateOpene
原创
2019-03-20 16:45:00
311阅读