1
私はこれをのvueと一緒に使ってみようとしていますが、vueを使ってjqueryを組み込むのは悪いですが、プラグイン... ボックスの外にある動的な内容の動的な内容を持つmalihu-custom-scrollbar-plugin
は、だから私は内容が静的であれば、これはimport jquery from "@/assets/js/jquery.js";
import malihu from "@/assets/js/mCustomScrollbar.js";
export default {
name: 'messages',
methods:{
bindScrollbar(){
$("#content").mCustomScrollbar({
theme:"kb",
});
}
},
mounted(){
this.bindScrollbar();
},
}
これは正常に動作しませんでした。しかし、v-forを使用してコンテンツを動的にロードすると、スクロール可能なボックスの外にコンテンツが作成されます.Btw、私はwebpackと単一のファイルコンポーネントを使用しています。
それを見つけたwatch: {
'contentValue': function(val,oldVal){
console.log($("#content")); //<-- log shows that dynamic contents are generated outside the mCSB_container...
var el = $(".contents").detach();
$(".mCSB_container").append(el);
}
}