是否可以用 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,但如果您确实需要它,也可以使用它。
我有一行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,但如果您确实需要它,也可以使用它。