recherche

Maison  >  Questions et réponses  >  le corps du texte

javascript - Comment utiliser le plug-in Mobiscroll dans Vue

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(){
.

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

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

        })

 

      },</code>

巴扎黑巴扎黑2808 Il y a quelques jours1551

répondre à tous(1)je répondrai

  • 黄舟

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

    1

    <code>npm install exports-loader //下载webpack loader插件</code>

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

    Appelez le composant qui doit appeler Mobiscroll

    1

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

    répondre
    0
  • Annulerrépondre