在VueJS组件上运行TYPO3 Fluid。

Question

我有一个VueJS组件，我试图通过Fluid标签添加翻译文本。

<div xmlns="http://www.w3.org/1999/xhtml"
     xmlns:f="http://typo3.org/ns/TYPO3/Fluid/ViewHelpers">
  <h2><f:translate key="search.resultPage"/>"{{mutatedQuery}}".</h2>
</div>

标签在前台显示，但在后台的 <f:translate> 标签为空。

Answer 1

我没有成功地将Fluid集成到Vue上，我认为两者有不同的渲染引擎，不能像我想要的那样同步。

我解决这个问题的方法是添加 <f:translate key="search.resultPage"/> 作为 data-attribute 在另一个标签上(没有在vue中渲染)，并在vue组件上得到翻译。