2017-08-13 28 views
0

私は助けが必要です。入力ボックスが表示されないようです。私はそれが私にBuefyに問題を与えるので、app.jsを使用していません。私が間違って行ったことは何ですか?ありがとう。vuejs-datepickerが表示されない

私はそれがあるべきだと思う
<!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> 

答えて

0

:app.jsファイルで

components: { 
    'datepicker': Buefy.Datepicker 
} 
+0

を使用しないでください。 。 datepickerはBuefyではなくhttps://www.npmjs.com/package/vuejs-datepickerからです。なぜ私はちょうど私がnpm devを実行して実行app.jsを使用することはできませんかわからない。エラーは "ReferenceError:Buefyが定義されていません"です。 – hidden

0

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

それは私にエラー不明なカスタム要素を促し

Vue.use(Buefy.Default); 
関連する問題