Comments (4)
分かった :D
I've got used to angular syntax and now using Vue for extremely compact MVVM application, this code works fine.
(es6 & jade syntax)
Vue.directive('translate', {
isLiteral: true,
update(val) {
this.el.innerHTML = this.vm.$t(val);
}
})
span(v-if="error", v-translate="error.{{error}}")
from vue-i18n.
Hi @Disorrder !!
Thank you for your comment.
The vue-i18n
is inspired by Rails Internationalization API.
http://guides.rubyonrails.org/i18n.html
I think that current translation style is simple than better angular translate style.
Also, it's flexible as in the following code (e.g. inline, computed property and method).
https://jsfiddle.net/kazupon/0wmy4va2/3/
I don't plan to add feature in future.
from vue-i18n.
Yes !
You can extend with custome directive. :)
from vue-i18n.
@Disorrder this would have also worked:
<a :v-text="$t('error.' + error)"></a>
from vue-i18n.
Related Issues (20)
- Parsing of language file fails when using functions HOT 1
- How to use component interpolation for array (multiple) translations
- Returning an Empty String for Undefined Keys in Vue-i18n HOT 1
- Use pluralization in component interpolation.
- The safari browser does not show words correctly when a language is switched.
- YAML parser doesn't process valid YAML HOT 1
- [v9.8.0] Suppressing automatic locale fallback with `!` breaks `n`/`$n` number formatting HOT 1
- Reuse of international fields
- Avoid duplicate code for `numberFormats` and `dateTimeFormats `
- Avaliblity to set `keySeperator`
- Dynamic currency
- 语言包在线修改
- Fallback formatting fails when key is not defined in fallback translation
- [vue-i18n] Cannot find VueI18n instance!
- Hyphens in placeholders causing error `Unterminated closing brace` in vue-i18n@9 HOT 1
- Uncaught (in promise) SyntaxError: Must be called at the top of a `setup` function HOT 2
- Keys containing __proto__ are handled inconsistently
- Keys containing 'toString' may have surprising results
- v-t rendering is slower than $t()
- Unconditional access to global __VUE_PROD_DEVTOOLS__ breaks SSR
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-i18n.