vue中使用layui

最新推荐文章于 2024-09-13 21:44:42 发布

ฅQSω[*邱╭

最新推荐文章于 2024-09-13 21:44:42 发布

阅读量823

点赞数 1

分类专栏： vue js 文章标签： vue.js layui javascript

本文链接：https://blog.csdn.net/qq_45030898/article/details/130486056

版权

js 同时被 2 个专栏收录

84 篇文章 0 订阅

订阅专栏

vue

60 篇文章 1 订阅

订阅专栏

这篇文章讲述了如何在Vue项目中使用Layui，首先从官网下载Layui并解压缩，然后将其CSS和JS文件引入到项目的index.html中，经过这样的操作，成功实现了Layui在Vue脚手架下的功能，可以作为参考示例。

摘要由CSDN通过智能技术生成

vue中使用layui

1.问题
2.多种情况下
- 2.1 vue脚手架下

1.问题

也就是在开发的时候，看别人的代码，layui+elemtnui混合使用，代码有问题，自己就想写个demo测试下。记录下怎么在vue中使用layui吧

2.多种情况下

2.1 vue脚手架下

2.1.1 官网下载layui

到layui官网下载解压缩

2.1.2 复制到自己的项目文件里

将解压缩的文件复制到如图的文件结构下：
在这里插入图片描述
然后在index.html中加入这两行

  <link rel="stylesheet" href="./layui/css/layui.css" />
    <script src="./layui/layui.js"></script>

2.1.3 结果

在这里插入图片描述

是有效果的，可行
仅供参考哈

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ฅQSω[*邱╭

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vue3+layui - 详细实现“无限级导航菜单+选项卡路由+面包屑“功能，vue3使用layui菜单实现后台管理系统动态菜单及面包屑tag导航栏效果，侧边动态导航栏多级嵌套菜单，后端接口获取渲染！

高级前端工程师

07-28

2546

vue3，layui，菜单路由导航，路由，router，后台管理系统，layui实现导航菜单，嵌套，多级，children，面包屑，tag路由标签，路由数据从后端服务器api接口获取并显示，自动根据路由匹配标题，lay-menu，vue3-layui项目左侧导航菜单栏，vue3使用layui组件做路由导航菜单示例代码，手风琴，标签导航栏，左侧菜单，不显示，报错，Layui动态生成导航菜单子菜单不显示，动态导航，子菜单，LayUI导航栏二级菜单，无限级左侧导航实现，基于vue3实现layui无限级导航，动态侧

使用 Vue + LayUI 做后台管理、RESTful 交互

最新发布

gitblog_07202的博客

09-13

292

Layui-Vue 项目常见问题解决方案 layui-vue An enterprise-class UI components based on Layui and Vue. 项目地址: https://gitcode.com/...

vue项目中使用layui

u012732909的博客

03-30

1万+

背景项目是vue+element UI 一、引入第1种方法：从www.layuiweb.com或https://gitee.com/sentsin/layui/tree/master/下载复制dist文件夹到项目的public目录下重命名为layui 第2种方法：在项目中安装layui-src依赖 yarn add layui-src | npm install layui-src 在node_modules下找到layui-src下的build文件夹复制到项...

VUE中使用layui

work_fei的专栏

09-11

5164

vue + layui

详解如何在vue项目中使用layui框架及采坑

10-17

总之，虽然在Vue项目中使用layui框架会遇到一些挑战，但通过理解Vue的构建流程和layui的使用方式，可以有效地解决这些问题。不断探索和实践，结合社区的智慧，我们可以找到更优的解决方案，让layui在Vue项目中发挥出...

如何在 vue 中使用 layui

04-16

在Vue中使用layui需要先安装layui，路径为/src/assets/layui，然后在Vue组件中引入layui的CSS和JS文件即可。例如，在需要使用layui的Vue组件中，可以这样引入layui的CSS和JS文件： ```  ...

Vue实现Layui的集成方法步骤

10-15

- 考虑到Layui是基于jQuery的，它直接操作DOM，而Vue是数据驱动的，因此在Vue项目中直接使用Layui可能会引发兼容性问题。除非必要，否则不推荐在Vue应用中深度集成Layui，因为这可能导致额外的调试和维护工作。 7....

layui使用vue的例子

06-13

在IT行业中，layui和Vue.js都是非常流行的前端框架。layui是一款基于HTML5的中国风轻量级前端组件库，而Vue.js则是一个用于构建用户界面的渐进式框架。本项目结合了两者，提供了"layui使用vue的例子"，帮助初学者更...

Vue中嵌入LayUI框架

jaylee的博客

12-31

5074

Auther：江湖人称平头哥前言 Vue.js是一套构建用户界面的渐进式框架。Vue采用自底向上增量开发的设计。Vue的核心库只是关注图层。容易学习和整合其他项目。 LayUI是开源的模块化前端UI框架，其中提供了丰富的内置模块，都可以通过模块化的方式按需加载，可作为PC网页端后台管理系统和前台界面的速成开发。下载LayUI文件链接： https://www.layui.com/ 将解...

layui 在Vue 项目中基础引用

Fluoxet_i_ne的博客

11-17

843

layui（谐音：类 UI) 是一套开源的 Web UI 解决方案，采用自身经典的模块化规范，并遵循原生 HTML/CSS/JS 的开发方式，极易上手，拿来即用。其风格简约轻盈，而组件优雅丰盈，从源代码到使用方法的每一处细节都经过精心雕琢，非常适合网页界面的快速开发。layui 区别于那些基于 MVVM 底层的前端框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，它更多是面向后端开发者，你无需涉足前端各种工具，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。

Vue：vue中使用layUI，2024年冲刺年薪40w

03-21

461

================================================================================================================================================================================================================================================================

vue项目中使用layUI

彳亍的博客

04-09

5684

1,首先在官网下载对应的文件；下载链接：https://www.layui.com/ 当然你也可以常识其他的方式：这里有链接，可以自行尝试：https://www.layui.com/doc/ 2，把解压后的文件放到static目录中 3，在html入口也引入相应的文件。 <link type="text/css" rel="stylesheet" href="./...

vue 引入layui

qq_46027468的博客

07-02

807

vue中如何引用layui 1.把layui对应的包放在static文件夹下，所以就直接放在了static下 2.在index.html中直接引入layui.js和layui.css 3.在vue组件中的created勾子函数中写入如下代码 created(){ const _this = this; layui.use(['layer'],function(){...