vue.js: [Vue warn]: Error compiling template: + in laravel blade file

Question

I have one blade file which prints data from the database.

When someone adds data like below in database then while rendering that page I am facing below issue.

I have added in below text in the comment. [{{ auth()->user()->first_name }}]

My blade file code to print comment

the issue is coming because in a comment there are double curly braces, can someone help me how can I prevent this?

and if i use {!! !!} this tag then it will execute html tags which i dont want @YomS. — Jigar
– Jigar, Commented May 23, 2019 at 10:03

tony19 · Accepted Answer · 2022-07-16 05:27:51Z

0

To skip Vue from compiling data containing double curly braces ({{some text}}) for an element, you could use v-pre. This will display raw mustache tags :

<span v-pre>[{{ auth()->user()->first_name }}]</span>

More : v-pre

edited Jul 16, 2022 at 5:27

tony19

140k23 gold badges281 silver badges354 bronze badges

answered May 24, 2019 at 3:29

Hasta Dhana

4,6947 gold badges21 silver badges28 bronze badges

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

Collectives™ on Stack Overflow

vue.js: [Vue warn]: Error compiling template: + in laravel blade file

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related