+
95
-

Vuetify 如何实现国际化语言切换成中文?

请问Vuetify 如何实现国际化语言切换成中文?

网友回复

+
15
-

直接结合vue-i18n来使用,示例代码:

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">

    <title>vue-i18n</title>
</head>

<body>
    <div id="app">
        {{msg}}
        <br /><br /> 语言选择:
        <select v-model="selected" @change="changeLang()">
        <option value="en">English</option>
        <option value="zh">简体中文</option>
      </select>     Selected: {{selected}}
        <br /><br />
        <p>{{$t("message.hello")}}</p>
        <ul>
            <li v-for="(item, key) in items" :key="key">{{item.title}}</li>
        </ul>
    </div>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue@2.6.1.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue-i18n.js"></script>
    <script>
        // 国际化内容配置
          const messages = {
            en: {
              message: {
                hello: "hello world",
             ...

点击查看剩余70%

我知道答案,我要回答