@Nstk54

VUE Тег вставляется текстом а не тегом?

Добрый день

Через axios получаю данные поста и у пользователя есть возможность фильтровать результат выдачи. Задача выделить часть текста ту которую искал пользователь в посте через тег span но при попытке заменить :
Пример на Пример

Выдает на странице Пример

Он не перерисовывает DOM , ForseUpdate не помог

Как заставить vue отрендерить новый тег, не хочется лезть через this.$el но пока других вариантов у меня нет))
Помогите новичку
  • Вопрос задан
  • 96 просмотров
Пригласить эксперта
Ответы на вопрос 1
0xD34F
@0xD34F Куратор тега Vue.js
Делаете метод замены найденного текста на span:

methods: {
  highlight(text) {
    const regex = RegExp(this.search, 'g');
    const replacement = m => `<span class="highlight">${m}</span>`;
    return text.replace(regex, replacement);
  },
},

И вместо <div>{{ text }}</div> используете <div v-html="highlight(text)"></div>. Например.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
29 нояб. 2020, в 23:56
20000 руб./за проект
29 нояб. 2020, в 22:37
500 руб./за проект
29 нояб. 2020, в 20:54
3000 руб./за проект