vuejs-datepicker not show

我需要一些帮助。输入框似乎并未出现。我没有使用app.js，因为它给Buefy带来了问题。我做错了什么？谢谢。vuejs-datepicker not show

<!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>

来源

2017-08-13 hidden

我觉得应该是：

components: { 
    'datepicker': Buefy.Datepicker 
}

来源

2017-08-13 16:02:17 Ikbel

它提示我错误未知的自定义元素：。日期选择器来自https://www.npmjs.com/package/vuejs-datepicker而非Buefy。不知道为什么我不能使用app.js，即使我运行了npm dev运行。错误是“ReferenceError：Buefy未定义”。 – hidden

在app.js文件

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

不要使用

Vue.use(Buefy.Default);

来源

2017-09-12 02:04:47 hidden

vuejs-datepicker not show

回答

相关问题