javascript - Cara menggunakan pemalam mobiscroll dalam vue

Question

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"));
        })

      },

Answer 1

npm install exports-loader //下载webpack loader插件

Letakkan pemalam mobiscroll (termasuk css) dalam folder js di bawah common

Panggil komponen yang perlu memanggil Mobiscroll

require('exports?$=jQuery!../../Common/js/mobiscroll.js')