如何在vue中安装及使用layui框架[通俗易懂]

如何在vue中安装及使用layui框架[通俗易懂]首先第一步,我们先安装layui,如下图:第二步,安装完成之后,然后接下来你在你文件夹目录下的(node_modules)中找到(dist文件),如下图:第三步,将dist下的文件直接复制到文件目录的static中,那么你就要在static文件当中见一个layui的文件夹,将他们放在里边,如下图:第四步,你就开始可以引入layui中的代码了,直接看步骤吧,哈哈第五步,看看效果图吧,哈哈哈…

大家好,又见面了,我是你们的朋友全栈君。

首先第一步,我们先安装layui,如下图:
在这里插入图片描述第二步,安装完成之后,然后接下来你在你文件夹目录下的(node_modules)中找到(dist文件),如下图:
在这里插入图片描述
在这里插入图片描述第三步,将dist下的文件直接复制到文件目录的static中,那么你就要在static文件当中见一个layui的文件夹,将他们放在里边,如下图:
在这里插入图片描述第四步,你就开始可以你的组件当中引入layui中的代码了,引完代码后直接引入他们的路径,那么直接看步骤吧,哈哈
在这里插入图片描述

![在这里插入图片描述](https://img-blog.csdnimg.cn/20190509014141416.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIzNzg0MA==,size_16,color_FFFFFF,t_70![在这里插入图片描述](https://img-blog.csdnimg.cn/20190509014503366.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIzNzg0MA==,size_16,color_FFFFFF,t_70在这里插入图片描述第五步,看看效果图吧,哈哈哈
在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/152822.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • pytest的assert_java单元测试断言

    pytest的assert_java单元测试断言前言断言是写自动化测试基本最重要的一步,一个用例没有断言,就失去了自动化测试的意义了。什么是断言呢?简单来讲就是实际结果和期望结果去对比,符合预期那就测试pass,不符合预期那就测试failed

  • layui 树形表格 treeTable使用详细指南,不能折叠解决办法

    layui 树形表格 treeTable使用详细指南,不能折叠解决办法最近在写一个商品分类管理的功能,本来想用layui的树形组件来写,但发现layui原生的tree只能展示title,而分类的其他字段无法展示,这就有点不适用了,无意中看到一位大神自定义写的一个树形表格组件,正好满足我的要求,特此将使用方法以及其中遇到的一些坑记录下来。。。首先看下treeTable的演示地址项目地址好了,如果看完演示到这里你觉得正好符合你的功能要求,就可以继续往下看了,虽…

  • Javascript之其实我觉得原型链没有难的那么夸张!

    原型链、闭包、事件循环等,可以说是js中比较复杂的知识了,复杂的不是因为它的概念,而是因为它们本身都涉及到很多的知识体系。所以很难串联起来,有一个完整的思路、脉络。我最近想把js中有意思的知识点都总结

  • 阅读《构造之法》第8,9,10章读后感

    阅读《构造之法》第8,9,10章读后感

  • 推荐自用黑苹果Clover引导主题「建议收藏」

    1.使用CloverConfiguration编辑软件修改启动主题挂载分区打开分区选择自己的config.plist文件打开文件选择“`引导界面“`修改主题保存CloverConfiguration的修改2.将主题文件复制到clover主题文件夹‘themes’下3.然后重启电脑就会出现主题了…

  • moxa串口服务器配置说明(moxa串口驱动)

    串口服务器简介串口服务器提供串口转网络功能,能够将RS-232/485/422串口转换成TCP/IP网络接口,实现RS-232/485/422串口与TCP/IP网络接口的数据双向透明传输。使得串口设备能够立即具备TCP/IP网络接口功能,连接网络进行数据通信,极大的扩展串口设备的通信距离。MOXA串口服务器的工作方式1.TCP/UDP通讯模式:该模式下,串口服务器成对的使用,一个作为server端…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号