vue2中
1、修改package.json在依赖项中加入jquery依赖,然后npm install
2、改build 下webpack.base.conf
头部引入webpack
var webpack = require("webpack")
module: {} 中最后加入jquery插件
plugins: [
new webpack.ProvidePlugin({
$:"jquery",
jQuery:"jquery",
jquery:"jquery",
"window.jQuery":"jquery"
})
]
3、vue文件中引入与使用
import $ from 'jquery'
animate(){
var listPanel = $('#FontScroll ul');
var z = 0;//向上滚动top值
function up() {//向上滚动
listPanel.animate({//中奖结果
'top': (z - 35) + 'px'
}, 1500, 'linear', function () {
listPanel.css({'top': '0px'})
.find("li:first").appendTo(listPanel);
up();
});
}
up();
}
vue3中
- npm 安装jquery
- vue.config.js中写入
- 引用