vue项目中引入插件 您所在的位置:网站首页 vue导入jquery vue项目中引入插件

vue项目中引入插件

2023-09-13 07:07| 来源: 网络整理| 查看: 265

(一)Vue引入jquer以及jquery插件步骤 (一)在package.json中添加 这里写图片描述 (二)安装jquery npm install jquery (三)修改build/webpack.base.conf.js中的两处 1).在开头引入webpack 这里写图片描述 2)在module.exports最后增加一个plugins对象 这里写图片描述 3)重新 npm run dev 4)在main.js中引入 import $ from ‘jquery 这里写图片描述

引入jquery后就可以使用jquery插件,比如* (一)引入bootstrap: 在vue入口文件src/main.js中添加 import ‘./assets/libs/bootstrap/css/bootstrap.min.css’ import ‘./assets/libs/bootstrap/js/bootstrap.min’ (二).引入jquery后引入轮播插件flexSlider 1)下载flexSlider压缩包 这里写图片描述 这里写图片描述 2)解压后,将fonts文件夹,jquery.flexslider-min文件,flexslider.css放在static文件夹下 这里写图片描述 3).在vue模板中使用 这里写图片描述 4)引入flexSlider所需文件 这里写图片描述 5)将flexSlider放在ajax加载后(不然会出现只有刷新才会出现图片的现象)这里写图片描述

Vue项目引入icon图标步骤 (一)进入iconfont官网,找到自己所需要的图标 这里写图片描述 (二)将需要的图标加入购物车库,点击下载代码 这里写图片描述 (三)解压后,在src/asserts文件夹中创建icons文件夹,将下列文件copy中icons文件夹中 这里写图片描述 这里写图片描述 (四)在自己需要使用图标的地方引入 这里写图片描述 (五) 在模板中使用即可,如果不知道类,点击解压文件中html文件,里面有说明



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有