Vue.js materialize datepicker不显示。

问题描述 投票:0回答:1

我在Vue.js项目中使用materialize,我在显示materialize的datepicker时遇到了问题,这是我的代码。

<form class="form">
...
    <input type="text" class="datepicker" />
</form>

 data() {
    return {
      date: null
    };
  },
  mounted() {
    $(document).ready(function() {
      $(".datepicker").datepicker();
    });
  }

我是Vue.js的新手,所以我为我的问题的简单性道歉,那么我如何让datepicker显示并将其保存到一个变量中,我有materialize不能正确显示tabs的问题,我也不知道是否我没有正确导入一些东西。这是我的html文件。

<head>
  <!--Import Google Icon Font-->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
</head>
<body>
...
 <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>   
 <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script>
 </script>
</body>
html vue.js materialize
1个回答
1
投票

看起来你忘了在jQuery之后加载materialize。

  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
© www.soinside.com 2019 - 2024. All rights reserved.