使用vis.js时间线使用vue.js的自定义区域设置

Question

我在一个vis.js项目中使用Vue.js时间线。虽然使用vanilla (请参阅码页和文档)定制区域设置似乎相当容易，但我只是无法用Vue完成它。我已经在我的项目中添加了moment.js和矩-地区-ES6。这是将区域设置应用于moment.js的正确方法吗?它也适用于vis时间线吗？

这是我的vue.js组件：

<template>
    <div className="wrapper">
        <div id="visualization"></div>
    </div>
</template>

<script>

import {Timeline} from 'vis-timeline/standalone';
import tr from 'moment/locale/tr'
import moment from "moment-with-locales-es6";

export default {
    data() {
        return {
            items: [
                {
                    id: 1,
                    content: "1",
                    start: new Date(2021, 2, 23),
                    group: 0
                },
            options: {
                locale: "tr",
                locales: {
                    tr: {
                        current: "geçerli",
                        time: "kere",
                    },
                },
            },
            timeline: null
        }
    },
    mounted() {
        this.timeline = new Timeline(document.getElementById('visualization'));
        this.timeline.setOptions(this.options);
        this.timeline.setItems(this.items);
        moment.locale('tr')
    }
}
</script>

Answer 1

通过将以下内容添加到我的index.html文件中，我设法做到了这一点：

<script src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/locale/tr.js'></script>

我敢肯定有更好的解决办法.