Rendering HTML from database in vuejs component in laravel

Question

I'm trying to fetch data from my database and display it as HTML content but it only turns out as a string, I'm using vuejs component in laravel. This is the code

<div id="main-window" v-for="post in posts">
<div class="post">
  <div class="content">
    {{post.content}}
  </div>
</div>

How can I use the post.content as HTML?

tony19 · Accepted Answer · 2022-07-15 21:37:09Z

5

You need to use v-html binding. Docs

<div id="main-window" v-for="post in posts">
  <div class="post">
    <div class="content" v-html="post.content">
  </div>
</div>

edited Jul 15, 2022 at 21:37

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Jul 7, 2018 at 0:46

Aldarund

17.6k6 gold badges76 silver badges106 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Rendering HTML from database in vuejs component in laravel

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related