Skip to content
Grav 2.1 is out: every page speaks Markdown. Read the announcement →

How to output "{{.....}}" in Grav

Solved by Taylor Ren View solution

Started by Taylor Ren 7 years ago · 1 replies · 858 views
7 years ago

Hi all,

I am writing somthing on Vue.js. As you know, in Vue.js, it uses {{...}} syntax commonly.

So when I am quoting these codes in my Grav site, I shall quote these Vue syntax:

HTML
<div>
  <p class="mid">
    <router-link class="yellow shadow" :to="{name: 'BookDetail', params: {id: book.bookid} }">
      {{book.title}}
    </router-link>
  </p>
</div>
<div><p className="s18">{{this.book.author}}</p></div>
<div><p className="s18">{{this.book.p_name}}</p></div>
<div><p className="small"><em>收录时间:{{this.book.purchdate}}</em></p></div>

But it seems that in the above code snippet, "{{...}}" has been parsed by Twig template.

How to lieterally print {{this.book.author}}? Thanks for your help?

👍 1
7 years ago Solution

I have found the solution: use {% verbatim %}...{% endverbatim %} block.

👍 1

Suggested topics

Topic Participants Replies Views Activity
General · by jeremycherfas, 4 days ago
3 95 3 hours ago
General · by Old Man Umby, 2 days ago
1 60 2 days ago
General · by Sebastian, 4 days ago
1 81 4 days ago
General · by Andy Miller, 2 weeks ago
0 216 2 weeks ago
General · by ready-4-IT, 6 months ago
1 716 3 weeks ago