是否可以用 jQuery 解析 Vue.js 数据?

Is it possible to parse Vue.js data with jQuery?

我有一行jQuery代码:

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

我想使用取自我的 vue-i18n 实例的值设置 #showNames 元素的文本,具体取决于用户本地化。以这种方式编写时,我得到了字面胡子语法内容。有什么方法可以显示这些值吗?

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

  • 调用函数$("#showNames").text(translate('hide_labels'));其中translation函数return翻译。
  • 在 vue.js 模板中使用 {{ $t('hide_labels') }}(不使用 jquery)

你可以这样做:

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

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