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

Posted 2023-02-22

【中文标题】如何在单个文件组件中使用 vue-datetime-picker

【英文标题】：How to use vue-datetime-picker in single file component

【发布时间】：2017-05-29 00:47:51

【问题描述】：

我正在尝试使用 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>)

【参考方案1】：

不幸的是 vue-datetime-picker 不适用于 vue.js 2

【参考方案2】：

不要使用import，试试require

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

components: 
   "vue-datetime-picker": VueDatetimePicker

【讨论】：

同样的错误，vue.js?3de6:525 [Vue 警告]：无法挂载组件：未定义模板或渲染函数。 （在组件 中找到）

github.com/Haixing-Hu/vue-datetime-picker 这是我尝试在 Laravel 单文件组件中使用的内容

@JagadeshaNH 您是在同一个文件中使用它们还是在不同文件中使用这些？

同一个文件...我有一个名为 Stats.vue 的文件，在里面我正在尝试使用这个组件

是不是因为你的Vue.js版本和vue-datetime-picker不一样？