javascript - Comment utiliser le plug-in Mobiscroll dans Vue
巴扎黑
巴扎黑 2017-07-05 10:40:12
0
1
1462

Dans le projet, le jquery précédent doit être remplacé par vue. Le code précédent a été implémenté à l'aide de mobiscroll. Désormais, le plug-in js précédent est placé sous index.html, mais la page d'accueil signale toujours une erreur dans le hook monté : " ReferenceError. : mobiscroll n'est pas défini". Ce plug-in ne prend-il pas en charge Vue ?
Il signale toujours que la méthode mobiscroll n'existe pas. Je peux effectivement cliquer sur le plug-in en utilisant webstrom, donc la dépendance n'est pas un problème. Le plug-in js est introduit sous index.html Si npm n'est pas utilisé, le code d'erreur est : 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"));
        })

      },
巴扎黑
巴扎黑

répondre à tous(1)
黄舟
npm install exports-loader //下载webpack loader插件

Placez le plug-in mobiscroll (y compris css) dans le dossier js sous common

Appelez le composant qui doit appeler Mobiscroll

require('exports?$=jQuery!../../Common/js/mobiscroll.js')
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal