小编pem*_*emi的帖子

如何在组件的脚本部分使用 vue-i18n 翻译功能

我正在使用 laravel-vue-i18n-generator 包来处理我的 laravel 项目中 vuejs 组件中的文本翻译。我已经设置了 app.js 如下:

import VueInternationalization from 'vue-i18n';
import Locale from './vue-i18n-locales.generated';

Vue.use(VueInternationalization);

const lang = 'fa';

const i18n = new VueInternationalization({
    locale: lang,
    messages: Locale
});

const app = new Vue({
    el: '#app',
    i18n,
});

Run Code Online (Sandbox Code Playgroud)

在组件中:

<template>

    <a href="#" class="tip" title="" :title="$t('component.delete.title')" @click.prevent="deleteAction">
        <i :class="icon"></i>
    </a>
</template>

<script>
    import swal from 'sweetalert';
    import axios from 'axios';

    export default {
        inject: ['$i18n'],
        props:{
            endpoint: {
                type: String,
                required: true,
            },
            icon: {
                type: String,
                default: …
Run Code Online (Sandbox Code Playgroud)

laravel vue.js vue-i18n

2
推荐指数
2
解决办法
5891
查看次数

标签 统计

laravel ×1

vue-i18n ×1

vue.js ×1