鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ vue.js里面如何在組件props屬性默認(rèn)值里面設(shè)置多語(yǔ)言?

vue.js里面如何在組件props屬性默認(rèn)值里面設(shè)置多語(yǔ)言?

寫了一個(gè)彈框組件,組件里面分裝了一個(gè) dialogTitle 屬性,如果用戶未傳值,那么指定一個(gè)默認(rèn)值,但是這個(gè)值需要多語(yǔ)言,我利用 vue-i18n 設(shè)置了多語(yǔ)言,現(xiàn)在可以通過 this.$t('notice') 獲取到對(duì)應(yīng)的語(yǔ)言,但是寫到propsdefault屬性里面報(bào)錯(cuò),代碼如下:

  props: {
    dialogTitle:{
        type: String,
        default: this.$t('notice')
    }
  }

錯(cuò)誤提示如下:

圖片描述

回答
編輯回答
柚稚

default: ()=>{this.$t('notice')}

2018年2月13日 04:17
編輯回答
小眼睛
default () {
return this.$t('notice')
}
2017年9月7日 14:25