我有一行 jQuery 代码:
$("#showNames").text("{{ $t('hide_labels') }}");
我想#showNames
使用从我的vue-i18n
实例中获取的值设置元素的文本,具体取决于用户本地化。当它以这种方式编写时,我得到了字面的小胡子语法内容。有什么方法可以显示值吗?
你可以这样做:
$("#showNames").text(this.$t('hide_labels'));
如果你这样选择。通常最好使用 Vue 方法来更新 DOM,但如果你真的需要它,你可以使用它。
据我了解 Vue.js 的工作原理,直接从 jquery 解析 vue.js 模板是不可能的。但是,您对这个问题有一些选择,例如:
$("#showNames").text(translate('hide_labels'));
,translation
函数返回翻译。{{ $t('hide_labels') }}
在 vue.js 模板中使用(不使用 jquery )