如何在单文件组件中使用vue-datetime-picker。

Question

我正在尝试使用vue-datetime-picker。

<vue-datetime-picker class="vue-picker4" name="picker4"
                             :model.sync="result4"
                             type="time"
                             language="en-IN"
                             time-format="LT">
</vue-datetime-picker>

import VueDatetimePicker from "vue-datetime-picker";

components: {
        "vue-datetime-picker": VueDatetimePicker
}

但我仍然遇到错误。

vue.js?3de6:525 [Vue warn]: Failed to mount component: template or render function not defined. 
(found in component <vue-datetime-picker>)

- Jagadesha NH

Answer 1

很遗憾，vue-datetime-picker与vue.js 2不兼容。

- iknowitwasyoufredo

Answer 2

试着使用 require 替代 import

var VueDatetimePicker = require("vue-datetime-picker");

components: {
   "vue-datetime-picker": VueDatetimePicker
}

- Saurabh

---

相同的错误，vue.js?3de6:525 [Vue 警告]: 组件挂载失败：未定义模板或渲染函数。(在组件 <vue-datetime-picker> 中找到)。 - Jagadesha NH

这是我正在尝试在 Laravel 单文件组件中使用的 https://github.com/Haixing-Hu/vue-datetime-picker。 - Jagadesha NH

@JagadeshaNH 你是在同一个文件中使用还是不同的文件？ - Saurabh

我有一个名为Stats.vue的文件，在其中我正在尝试使用这个组件。 - Jagadesha NH

这是因为您的Vue.js版本与vue-datetime-picker不一致吗？ - krisanalfa