jRange简介

参考：jRange使用
官网地址：http://nitinhayaran.github.io/jRange/demo/
git地址：https://github.com/nitinhayaran/jRange

在vue-cli3中使用

1.安装jquery

npm i jquery -s

2.下载jRange

下载jquery.range.js和jquery.range.css文件。

3.mian.js引入jRange

新建static文件夹，将jquery.range.js和jquery.range.css文件放在static文件夹。

在mian.js中引入。

import '../static/jquery.range'
import '../static/jquery.range.css'

这里要说，如果新建项目时选择了eslint语法检测，要关掉eslint，因为jquery.range.js中不符合eslint语法检测规范，会报错。关闭eslint如下。
根目录新建vue.config.js，添加代码如下。

4.最后在使用组件中引入jquery，并使用

效果