2017-07-25 28 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)
相關問題