代码之家 › 专栏 › 技术社区 › LakiGeri

从vue-i18n设置的vuejs默认属性

vue-i18n vue.js javascript

LakiGeri · 技术社区 · 7 年前

我想从字典中设置一个默认属性,如下所示:

  props: {
    title: {
      type: String,
      default: this.$t("basic.confirm"),
    },
    description: {
      type: String,
    }
  }, ...

这个 $t 是一个 vue-i18n ,如果未在父类中定义标题,则我希望从字典中设置标题。但我错了:

未知类型错误:this.$t不是函数

如果我重新加载时没有 this 是的。

未捕获引用错误:$t未定义

但是,如果我在mount方法中注销这个值,它就会工作得很好。

是否有从字典中设置默认属性的解决方案?

提前谢谢!

1 回复 | 直到 7 年前

artoju 7 年前

一种解决方案是将密钥或部分密钥作为默认道具,如

title: {
   type: String,
   default: "basic.confirm", //or "confirm"
 },

在模板中:

<h1>{{ $t(title) }}</h1> //or $t("basic." + title)

编辑:您可以在函数内部访问$T

title: {
  type: String,
  default: function () {
    return this.$t("basic.confirm")
  }
},

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前