Question

我需要一些帮助。输入框似乎没有出现。我没有使用app.js，因为它给了我Buefy的问题。我做错了什么？感谢。

<!doctype html>
<html lang="{{ app()->getLocale() }}">
<head>
    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css">
     <link href="{{ asset('css/app.css') }}" rel="stylesheet">
      <script src="{{ asset('js/vue2.4.2.js') }}"></script>
      <script src="{{ asset('js/buefy0.4.6.js') }}"></script>
      <script src="{{ asset('js/axios.min.js') }}"></script>
</head>
<body>
  <div id="app">
      <hr>
  <div class="container">
      <datepicker name="test" placeholder="European Format ('d-m-Y')" :config="{ dateFormat: 'd-m-Y', static: true }"></datepicker>
  </div>
</div>
    <script type="text/javascript">
        Vue.use(Buefy.default)
        var app = new Vue({
          el: '#app',
          components: {
          'datepicker': DatePicker
          },
          data: {
            name:'test'
          },
          methods: {
            }
        });
    </script>
</body>
</html>

Answer 1

我认为应该是：

components: {
  'datepicker': Buefy.Datepicker
}

Answer 2

在app.js文件中

import Buefy from 'buefy';
Vue.use(Buefy);

不要使用

Vue.use(Buefy.Default);

vuejs-datepicker没有显示

2 个答案: