2017-07-25 174 views
0

我有一个行jQuery代码:是否有可能使用jQuery解析Vue.js数据?

$("#showNames").text("{{ $t('hide_labels') }}"); 

我想设置与我vue-i18n情况下所采取的值,依赖于用户的本地化#showNames元素的文本。当这样写时,我得到了文字胡须的语法内容。有什么方法可以显示值吗?

+1

只需直接获取vue数据而不会与dom发生任何混淆 – frozen

+0

@BertEvans:有效,有一条评论:它必须是“this。$ t”。请发布它作为答案。 – AbreQueVoy

回答

1

你可以这样做:

$("#showNames").text(this.$t('hide_labels')); 

,如果你选择。通常最好使用Vue方法来更新DOM,但如果您确实需要它,则可以使用它。

0

据我了解Vue.js如何工作,直接从jquery中解析vue.js模板是不可能的。但是你有一些选择,这个问题e.g:

  • 通话功能$("#showNames").text(translate('hide_labels'));其中translation函数返回翻译。
  • 使用{{ $t('hide_labels') }}内vue.js模板(不使用jQuery)
相关问题