Vue.js物化日期选择器不显示答案

【问题标题】：Vue.js materialize datepicker not showingVue.js物化日期选择器不显示
【发布时间】：2020-05-08 21:56:28
【问题描述】：

我在我的 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 的新手，所以我为我的问题的简单性道歉所以我如何让日期选择器显示并将其保存到一个变量我遇到了物化不正确显示选项卡的问题我也没有知道我是否没有正确导入的东西。这是我的 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】：

您好像忘记在 jQuery 之后加载 Materialize。

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

【讨论】：

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