ITオムライス

GoとVue.jsを使うときに出るテンプレートエンジンのエラーの解消法

2020-11-30 技術系

バックエンドでGolangを、フロントでVue.jsを使っている場合にtemplate構文{{…}}がかぶっているため、下記のような場合にエラーが発生しました。

<div id="app" >
  {{ name }}
</div>
panic: template: new.html:17: function "name" not defined

回避方法

下記のようにエスケープすることで回避できます。htmlに出力される際に{{ name }}として出力されます。

{{`{{name}}`}}

エスケープするほかにもGo言語とVue.jsの区切り文字を変更する方法あるみたいです。