【问题标题】:Is it possible to parse Vue.js data with jQuery?是否可以使用 jQuery 解析 Vue.js 数据?
【发布时间】:2017-07-25 19:51:52
【问题描述】:

我有一行 jQuery 代码:

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

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

【问题讨论】:

  • 直接获取vue数据,完全不用搞乱dom
  • @BertEvans:工作,有一条评论:它必须是“this.$t”。请将其作为答案发布。

标签: jquery vue.js vuejs2 vue-i18n


【解决方案1】:

你可以这样做:

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

如果你愿意的话。通常最好使用 Vue 方法来更新 DOM,但如果你真的需要它,你可以使用它。

【讨论】:

    【解决方案2】:

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

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

    【讨论】:

      猜你喜欢
      • 2011-05-02
      • 1970-01-01
      • 2014-06-19
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-07-04
      • 2013-09-14
      相关资源
      最近更新 更多