Довольно просто, но не могу заставить его работать.

Мой метод возвращает ${a}-${b}, а в моем шаблоне <td>{{ myFunction() }}</td>

Так что прямо сейчас он возвращает A-B в моей ячейке. Я бы хотел вернуться A, а затем B на новой строке. Я пробовал ${a}\n${b} или \ n \, но похоже, что это не работает.

Какие-либо предложения ?

Спасибо

0
GuillaumeBB 26 Ноя 2021 в 16:08
Console.log (`$ {a} \ n $ {b}`) Ставит новую строку между a b.
 – 
Erenn
26 Ноя 2021 в 16:12
Я согласен, но это не так в случае возврата моего метода. В моем шаблоне ${a}\n${b} возвращает A B в одной строке. Не уверен, что мне нужно изменить html или js на этом
 – 
GuillaumeBB
26 Ноя 2021 в 16:14

1 ответ

Лучший ответ

В Vue вы работаете с шаблоном HTML.

Поэтому вам следует использовать <br/> вместо \n

Вместо использования <td>{{ myFunction() }}</td> Вы можете использовать:

<td :html="myFunction()"></td>

ПРИМЕЧАНИЕ: вы должны убедиться, что вы уверены, что выходные данные myFunction не содержат вредоносный код (XSS-атака).

2
Tibebes. M 26 Ноя 2021 в 16:25
В этом есть смысл. $ {a}
$ {b} возвращает A
B, я что-то упустил?
 – 
GuillaumeBB
26 Ноя 2021 в 16:20
Попробуйте добавить директиву v-html
 – 
D.Schaller
26 Ноя 2021 в 16:23
Это потому, что он сбежал.
 – 
Tibebes. M
26 Ноя 2021 в 16:26
Ну, ТИЛ про v-html. Работает как шарм, спасибо!
 – 
GuillaumeBB
26 Ноя 2021 в 16:28