首頁  >  問答  >  主體

javascript - vue中如何使用mobiscroll插件

專案中需要將以前的jquery換成vue實現,之前的程式碼使用mobiscroll實現的,現在把之前的插件js都放在了index.html下面了,但是在首頁卻總是報Error in mounted hook : "ReferenceError: mobiscroll is not defined"。是該插件不支援vue嗎?
總是報mobiscroll這個方法不存在,我用webstrom確實能點到插件裡面的,所以依賴不是問題。 js外掛程式是放在index.html下引入的,沒有用npm
報錯程式碼是: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"));
        })

      },
巴扎黑巴扎黑2638 天前1416

全部回覆(1)我來回復

  • 黄舟

    黄舟2017-07-05 10:42:12

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

    將mobiscroll插件(包括css)放在common下的js資料夾

    在需要呼叫Mobiscroll的元件中呼叫

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

    回覆
    0
  • 取消回覆