VueI18n: Translate javascript variable dynamically

Question

I'm trying to display a notification based on a value returned by the server. I don't know how to retrieve the translation value dynamically using the value of the key just received.

For example, the value of error.response.data.errorDetailsCode is "invalid_credentials", and the translation is "Invalid credentials provided"

import i18n from './i18n';

$.notify({message: i18n.t("error.response.data.errorDetailsCode")}, options);

I get this warning on the console:

vue-i18n.esm.js?a925:14 [vue-i18n] Cannot translate the value of keypath 'invalid_credentials'. Use the value of keypath as default.

wawanopoulos · Accepted Answer · 2019-03-01 16:00:58Z

1

Finally found the way:

$.notify(message: i18n.t(`${error.response.data.errorDetailsCode}`)}, options);

answered Mar 1, 2019 at 16:00

wawanopoulos

9,83235 gold badges117 silver badges174 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

VueI18n: Translate javascript variable dynamically

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related