当前位置: 首页 > 软件库 > Web应用开发 > Vue 组件 >

layui-vue

Vue Layui 组件库
授权协议 MIT
开发语言 JavaScript TypeScript HTML/CSS
所属分类 Web应用开发、 Vue 组件
软件类型 开源软件
地区 不详
投 递 者 况博容
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

A component library for Vue 3 base on layui


Vue 3.0 的 桌 面 端 组 件 库 , Layui 的 另 一 种 呈 现 方 式

快速上手

获得 layui-vue 你只需要使用 npm 引入下述文件:

npm install @layui/layui-vue

在 main.ts 中:

import { createApp } from 'vue'
import Layui from '@layui/layui-vue'
import '@layui/layui-vue/lib/index.css'
import App from './App.vue'

createApp(App).use(Layui).mount('#app')

这是一个基本的入门页面:

<template>
  <lay-layout>
    <lay-header>
      <lay-logo>Layui Admin</lay-logo>
    </lay-header>
    <lay-side></lay-side>
    <lay-body>
      <router-view></router-view>
    </lay-body>
    <lay-footer>pearadmin.com</lay-footer>
  </lay-layout>
</template>

阅读文档

从现在开始,用另一种方式拥抱 layui 吧。但愿她能成为你长远的开发伴侣,继续化作你方寸屏幕前的亿万字节!

相关

官网更新日志交流群

  • 1.easyui easyui是功能强大但是有很多的组件使用功能是十分强大的,而layui是2016年才出来的前端框架,现在才更新到2.x版本还有很多的功能没有完善,也还存在一些不稳定的情况,但是layui界面简约美观,而且容易上手而且有很多组件在layui的社区里都可以找到,layui的弹出层layer也是layui与别的框架区别 2.layui与bootstrap对比 layui是国人开发的一

  • 关于Vue引入第三方组件的方式有很多,但测试过很多方式都不可行。我的需求是在使用Vue脚手架搭建的项目中引入Layui这个前端框架,方式有两种,第一种是使用npm导入,第二种拷贝Layui文件夹(js和css)。关于第一种方式,我在百度上找了很多种方法,但是都出现引用组件未定义的问题。在此我记录下可行的第二种方式。另外,我觉得第二种方式比较灵活,因为可以对组件进行修改来满足需求。 在Layui官网

  • 新项目想用layui框架,学习了把前辈是怎么引入layui的,这里记录下 1.index.html要引入layui.js文件 <script src="/static/layui/layui.js" type="text/javascript" charset="utf-8"></script> 2.main.js文件要配置好layui 这里用到的思路是,等layui加载好后再渲染页面 $( ()

  • vue和layUi对比 vue(angular,react)这些框架会负责数据和视图的绑定,数据变了,视图自动更新,视图发生事件,也会更新数据,很省事。layui(bootstrap, extjs)这类库,感觉不是框架,而是组件库,会提供一些组件(比如表格,树),只提供外观和行为,不提供和数据的绑定,数据变了,你负责刷新;视图变了,你自己获取数据。vue的界面库element ui和layui都是

 相关资料
  • Layui 是一套开源免费的的 Web UI 组件库,采用自身轻量级模块化规范,遵循原生态的 HTML/CSS/JavaScript 开发模式,极易上手,拿来即用。其风格简约轻盈,而内在雅致丰盈,甚至包括文档在内的每一处细节都经过精心雕琢,非常适合网页界面的快速构建。Layui 区别于一众主流的前端框架,却并非逆道而行,而是信奉返璞归真之道。确切地说,它更多是面向于追求简单的务实主义者,他们无需涉

  • Snowy-Layui是小诺团队下基于SpringBoot+Easyweb +Layui开发的Java全新RBAC权限管理系统,单体版本,注释丰富,代码简洁。适配国产数据库(金仓、达梦)、主流数据库Mysql、Oracle、Mssql、Postgresql,小诺的产品一致追求简洁干净,一套代码搞定!同时支持国产中间件部署、麒麟操作系统、Windows、Linux部署使用。 Snowy谐音“小诺”,

  • JFinal+layui极速开发企业应用管理系统,是以JFinal+layui为核心的企业应用项目架构,利用JFinal的特性与layui完美结合,达到快速启动项目的目的。让开发更简单高效,即使你不会layui,也能轻松掌握使用。该项目的核心功能有:登录、功能管理、角色管理(包含了权限管理)、用户管理、部门管理、系统日志、业务字典,通用的附件上传、下载、导入、导出,echart图表统计,缓存,dr

  • table2 前端table插件,需要layui支持,很多思路都是参照layuitable实现 ,jquery直接使用版本,可参见 先看几张效果图        优点与不足 相比laytable优点: 数据可以换行,自适应宽度;可以合并单元格 浏览器大小改变时table可以自适应 固定列可以滚动,实现3个滚动条的同步 行可以展开,查看详情 相比laytable不足: 不支持模板,这个我实在不会 不

  • 介绍 基于layui的省市多选解决方案 使用示例 <div id="regionTest"></div> layui.config({ base: '../../../layui_exts/' //配置组件存放的基础目录 }).extend({ regionCheckBox: 'regionCheckBox/regionCheckBox' //定义组件

  • layui-admin 【thinkphp 6.0】基于 thinkphp 的后台快速开发框架。快速构建完善的管理后台,内置表单、表格的 php 生成,以及完善的 RBAC 权限管理。 特性 基于 tp6.0 基于 layui 前端框架 内置用户和权限管理 Form 类快速构建表单 包含多种表单组件 Table 类快速构建列表 Requirement php >= 7.0 thinkphp >=6