Как скрыть часть текста?

Question

[asferot]

Как скрыть часть текста на Vue? Есть какой-то текст в таблице, и нужно, чтобы там отображались к примеру первые 2 слова. Остальное отображалось в небольшом модальном окне под этими словами при клике. Как это можно реализовать? Знаю как реализовать модальное окно при клике. Нужна просто функция скрытия текста и передача его в модальное окно при раскрытии. Текст подгружается из бд, поэтому функция для какого-то конкретного случая не подойдет, нужна универсальная

Answer 1

[0xD34F]

Можно сделать фильтр:

filters: {
  shorten: (val, words = 2) => val.split(' ').slice(0, words).join(' '),
},

<div>{{ text | shorten }}</div>
<div>{{ text | shorten(5) }}</div>