vue.js: [Vue warn]: Ошибка компиляции шаблона: + в файле лезвия laravel

Question

У меня есть один блейд-файл, который печатает данные из базы данных.

Когда кто-то добавляет данные, как показано ниже, в базу данных, то при рендеринге этой страницы я сталкиваюсь с проблемой ниже.

Я добавил ниже текст в комментарии.[{{ auth()->user()->first_name }}]

Код моего блейд-файла для печати комментария

проблема наступает, потому что в комментарии есть двойные фигурные скобки, кто-то может мне помочь, как я могу предотвратить это?

Answer 1

Чтобы пропустить Vue из компиляции данных, содержащих двойные фигурные скобки ({{some text}}) для элемента, вы можете использовать v-pre. Это будет отображать сырые усы теги:

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

Подробнее: v-pre