Dalam projek, jquery sebelumnya perlu digantikan dengan vue Kod sebelumnya telah dilaksanakan menggunakan mobiscroll Sekarang pemalam js sebelumnya diletakkan di bawah index.html, tetapi halaman utama sentiasa melaporkan Ralat dalam cangkuk yang dipasang: " ReferenceError: mobiscroll tidak ditakrifkan". Adakah pemalam ini tidak menyokong vue?
Ia sentiasa melaporkan bahawa kaedah mobiscroll tidak wujud Saya memang boleh mengklik pada pemalam menggunakan webstrom, jadi kebergantungan tidak menjadi masalah. Pemalam js diperkenalkan di bawah index.html Jika npm tidak digunakan, kod ralatnya ialah: 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"));
})
},
Letakkan pemalam mobiscroll (termasuk css) dalam folder js di bawah common
Panggil komponen yang perlu memanggil Mobiscroll