Render HTML tags in Laravel & Vue.js

Question

I am developing an application using Laravel & Vue.js. I have some data in database like Hello <b>world!</b>. How can I display them as Hello world! ?

tony19 · Accepted Answer · 2022-07-15 02:03:15Z

6

Use the v-html binding:

<p v-html="fromDB"></p>

assuming you have a fromDB property in your viewmodel like e.g.

data() {
  return {
    fromDB: 'Hello <b>world!</b>'
  }
}

Example:

https://codesandbox.io/s/2po80169wy

Reference:

https://v2.vuejs.org/v2/guide/syntax.html#Raw-HTML

Please be aware that this comes with a risk since from your database, fromDB can become just about anything, e.g. <script>console.log('logged')</script>.

edited Jul 15, 2022 at 2:03

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Jul 1, 2018 at 4:43

connexo

57.2k15 gold badges112 silver badges149 bronze badges

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

Collectives™ on Stack Overflow

Render HTML tags in Laravel & Vue.js

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