css修改layui的下拉框样式 js_vue中如何引用layui.js

有时候可能会有需求，在vue的项目中引入项目，这里提供一种使用过，并且正常运行的方法。

在项目中引入对应于layui的css和js，css可以在项目的入口js中添加，也可以在index..html中添加。

关键的是下面在index.html中直接引入layui.js，有很多博客说 ，要把layui对应的包放在static文件夹下，所以就直接放在了static下。

另外，就是在使用的时候，在页面中会有如下的脚本：

通过这种方式来调用layui中的layui对象，然后加载对应的layer和form，但是这里虽然可以正常使用，但是我们会发现，在使用过程中，可能对象外很多地方都要用到layer对象，有的是layer.msg，有的是layer.open，layer.close等等，但是如果每次都使用layui.use来健在对应的对象的情况下，将会带来很多不便。

所以，在工作中使用了如下方式，在create方法中，调用了layui.use，将layer对象和form对象单独摘出来后，定义一个全局变量供其他的业务传递使用，方法如下：

通过上图能够看到具体的使用过程，如果有其他疑问，欢迎留言讨论，共同学习。