怎么在vue中引入layui

摘要:
在此记录1.index.html将导入layui.js文件<scriptsrc=“/static/layui/layui.js”type=“text/javascript”charset=“utf-8”>constconfigs=['layer','form','pload','tree','table','element','til','flow','carousel',

新项目想用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加载好后再渲染页面

$( ()=>{  //这里用到了jquery,所以要配置好jquery;
    const configs = ['layer', 'laydate', 'laypage', 'laytpl', 'layedit', 
     'form', 'upload', 'tree', 'table', 'element', 'util', 
     'flow', 'carousel', 'rate', 'transfer' ];
    layui.config( { 
         base : 'static/layui_exts/transfer/'   //配置 layui 第三方扩展组件存放的基础目录
 } ).use( configs, ()=>{ new Vue({ el: '#app', store, router, components: { App }, template: '<App/>' }) } ) } ) 

免责声明:文章转载自《怎么在vue中引入layui》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Blend4精选案例图解教程(一):丰富的形状(Shape)资源AR的一些常见的操作下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

原生JS实现双向链表

1.前言 双向链表和单向链表的区别在于,在链表中,一个节点只有链向下一个节点的链接,而在双向链表中,链接是双向的:一个链向下一个元素,另一个链向前一个元素,如下图所示: 从图中可以看到,双向链表中,在每个节点Node里有prev属性(指向上一个节点的指针)和next属性(指向下一个节点的指针),并且在链表中也有head属性(用来存储链表第一项的引用)和ta...

JS中图片飞飞效果

当鼠标在界面上移动的时候,后面有一连串的图片跟随者一起飘动,效果如下:       实现的基本思想:准备五个img标签,为了方便控制都放在一个div里面,设置div的定位方式为 fixed,设置成这中定位方式主要是为了解决在页面出现滚动条的情况下,图片还能够跟随鼠标移动。然后再鼠标移动的时候,延时给每一个图片设置定位的left和top距离就OK了。HTM...

python 发邮件脚本

相关模块介绍     发送邮件主要用到了smtplib和email两个模块,这里首先就两个模块进行一下简单的介绍:    1、smtplib模块       smtplib.SMTP([host[, port[, local_hostname[, timeout]]]])    SMTP类构造函数,表示与SMTP服务器之间的连接,通过这个连接可以向smtp...

JAVA实现聚类指标的计算Purity、NMI、RI、Precision、Recall、F值。

第一个:计算NMI的: package clusters; import java.io.*;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map; /** * DATE: 16-6-18 TIME: 上午10:00 */...

关于微信JS-SDK 分享接口的两个报错记录

一、前提: 微信测试号,用微信开发者工具测试 二、简单复述文档: 1、引入JS文件 在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.4.0.js 如需进一步提升服务稳定性,当上述资源不可访问时,可改访问:http://res2.wx.qq.com/open/js/j...

pycharm使用matplotlib绘图学习笔记

#encoding=utf-8 import numpy as np def main(): import matplotlib.pyplot as plt ##lesson1:画图 # x = np.linspace(-1, 1, 50) # x=np.linspace(-np.pi,np.pi,256,endpoi...