当前位置: 首页 > 后端技术 > Node.js

记录:vue-cli脚手架介绍弹出层插件

时间:2023-04-04 00:35:46 Node.js

如何导入在vue-cli中,有几种导入文件的方式。一种是使用npm或者cnpm命令下载对应的插件,然后在main.js中使用import方法介绍,这个方法这里不讨论。我比较喜欢直接下载对应的js,然后引入到vue项目中。问题是,怎么介绍呢?方法如下:下载对应的js文件或者css文件,一般下载插件相关的会一起进入vue-cli项目中的index.html文件,这里导入css文件和js文件,分别是中这样,图层弹出图层插件就可以在全局文件中使用了。需要注意的是必须先引入jq1.8以上版本才能使用layer。2.弹出层无法显示。作为一个java开发的菜鸟,踩前端的坑基本就是想办法给百度解决。折腾了两个半小时,解决了几个问题:第一个是前端console报错,印象是i不是函数什么layer.open不是函数等等这些问题基本都是引入的问题,解决方法:查看之前是否引入了1.8以上的jq第二个是弹窗层只显示文字,但是缺少样式,没有弹窗的感觉层。经过大量的百度和分析,最后还是靠调试前端样式,才看出端倪。问题是里面用到的类在我导入的css文件中是不存在的。经检查,导入的css文件不对(注意有一个手机css样式和另一个css,这里用的是另一个,同名)。最后问题解决了。