在vue-cli3中使用jRange

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，並使用

效果