javascript - Cara menggunakan pemalam mobiscroll dalam vue
巴扎黑
巴扎黑 2017-07-05 10:40:12
0
1
1486

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

      },
巴扎黑
巴扎黑

membalas semua(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')
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan