我的vue组件是这样的：
<template>
...
<ul class="list-unstyled list-range">
<li>
<span class="text">Min</span>: <span class="price-min">{{ priceMin }}</span>
</li>
<li>
<span class="text">Max</span>: <span class="price-max">{{ priceMax }}</span>
</li>
</ul>
<div class="slider-wrapper">
<input id="price-range" type="text" style="display: none">
</div>
...
</template>
<script>
export default {
...
mounted() {
if ($('#price-range').length) {
$("#price-range").slider(App.options.slider).on('slide', function (e) {
let min = e.value[0],
max = e.value[1];
...
});
}
}
}
</script>
如果vue组件运行，则在控制台上存在如下错误：
[Vue警告]：挂钩错误：“TypeError：$（...） . slider不是函数”
我有加载滑块库
如果我放入全局javascript（main.js），它的工作原理
但是如果我输入vue组件，就会出现上面的错误
我该如何解决错误？
Update ：
我找到了解决方案
mounted() {
$(function(){
if ($('#price-range').length) {
$("#price-range").slider(App.options.slider).on('slide', function (e) {
let min = e.value[0],
max = e.value[1];
...
});
}
})
}
有用