Vue-i18n: Why is vue-i18n in a single label element can not be used normally?

Created on 8 Nov 2016 · 2Comments · Source: kazupon/vue-i18n

Why is vue-i18n in a single label element can not be used normally?
This is a small example of the web site：
https://jsfiddle.net/linfulong/4k7aLb3p/

Source

linfulongnet

👍1

Most helpful comment

You must bind value of element
I change <input type="button" value="{{ $t('message.hello') }}" > to <input type="button" :value="$t('message.hello')" >

example:
https://jsfiddle.net/no0n7s3u/1/

drozdzynski on 9 Nov 2016

👍5

All 2 comments

You must bind value of element
I change <input type="button" value="{{ $t('message.hello') }}" > to <input type="button" :value="$t('message.hello')" >

example:
https://jsfiddle.net/no0n7s3u/1/

drozdzynski on 9 Nov 2016

👍5

As @drozdzynski says, You can use the v-bind about it.