Html Vue.js物化日期选择器未显示_Html_Vue.js_Materialize

Html Vue.js物化日期选择器未显示

html vue.js

Html Vue.js物化日期选择器未显示,html,vue.js,materialize,Html,Vue.js,Materialize,我在Vue.js项目中使用materialize我在显示materialize的日期选择器时遇到问题这是我的代码 <form class="form"> ... <input type="text" class="datepicker" /> </form> data() { return { date: null }; }, mounted() { $(document).ready(function(

我在Vue.js项目中使用materialize我在显示materialize的日期选择器时遇到问题这是我的代码

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

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

我是Vue.js新手，因此我为我的问题的简单性道歉，那么我如何让datepicker显示并将其保存到一个变量我遇到了materialize的问题没有正确显示选项卡，我也不知道是否正确导入了一些内容。这是我的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>

看起来您忘记在jQuery之后加载Materialize了

  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>

我有一个链接引用要在我的脑海中具体化。我没有意识到我两者都需要。我补充说它还没有解决问题谢谢你的回答你还有其他建议吗谢谢。这对我来说是新的，我没有定义我的选项变量，你的评论导致了这个问题。