javascript – So verwenden Sie das Mobiscroll-Plug-in in Vue
Im Projekt muss die vorherige JQuery durch Vue ersetzt werden. Der vorherige Code wurde mit mobiscroll implementiert. Jetzt wird das vorherige Plug-In js unter index.html platziert, aber die Homepage meldet immer einen Fehler im gemounteten Hook: „ReferenceError“. : mobiscroll ist nicht definiert". Unterstützt dieses Plug-in Vue nicht?
Es wird immer gemeldet, dass die Mobiscroll-Methode nicht existiert. Ich kann tatsächlich mit Webstrom auf das Plug-in klicken, sodass eine Abhängigkeit kein Problem darstellt. Das js-Plugin wird unter index.html eingeführt. Wenn npm nicht verwendet wird, lautet der Fehlercode: initPage(){
var currYear = (new Date()).getFullYear();
mobiscroll.settings
$('#dataTime').mobiscroll().date({
theme : "android-holo",
mode : "scroller",
display : "bottom",
lang : "zh",
dateFormat : 'yyyy-mm-dd',
defaultValue : new Date(new Date().setFullYear(currYear - 30)),
startYear : currYear - 70,
endYear : currYear + 10
});
$(".checkbox-span").click(function() {
var idname = $(this).attr("id");
console.log(idname)
if (idname == "xz-checkbox") {
$(this).removeAttr("id");
$(".main-btn").attr("disabled", "disabled");
$(".main-btn").css("background", "#CCCCCC");
} else {
$(this).attr("id", "xz-checkbox");
$(".main-btn").removeAttr("disabled");
$(".main-btn").css("background", "");
}
})
$(".radio-p").click(function() {
$(".radio-p").removeAttr("id");
$(".radio-span").html("");
$(this).attr("id", "xz-radio-p");
$(this).children(".radio-span").html("<span></span>")
$("#userinfo").find("input[name='sex']").val($(this).data("sex"));
})
},
