VueI18n在自定义表VueJS中传递字符串

时间:2018-06-08 11:48:10

标签: vue.js internationalization

我正在使用vue-good-table来渲染表格。

 <vue-good-table
    :columns="columns"
    :rows="items"
    :paginate="true"
    :lineNumbers="true">
  </vue-good-table>

columns: [
          {
            label: 'Date',
            field: 'date',
            type: 'String',
            filterable: true,
            placeholder: 'Date'
          }
]

无论如何,我可以在label参数中使用{{$ t(&#34; column.date&#34;)}}。到目前为止它只在传递字符串时有效?

添加更多代码:

main.js     const i18n = new VueI18n({       locale:&#39; bg&#39;,//设置区域设置       fallbackLocale:&#39; bg&#39;,       消息//设置区域设置消息     });

Vue.prototype.$locale = {
  change (lang) {
    i18n.locale = lang
  },
  current () {
    return i18n.locale
  }
}

1 个答案:

答案 0 :(得分:0)

columns: [
          {
            label: this.$t("column.date"),
            field: 'date',
            type: 'String',
            filterable: true,
            placeholder: 'Date'
          }
]