Vue.js: Как удалить лишние теги?

Здравствуйте!

Есть такая задача: показать пользователю текст, который он может видеть и удалить другой.
Вообщем есть вот такой текст:
В Европе редиска появилась благодаря итальянцу Марко Поло <span lvl='20'>, который, вернувшись из своего знаменитого путешествия, <span lvl='40'> из Китая </span> привёз семена редиса. Было это </span> в конце XIII века."

У пользователя уровень соответствует, ну пускай двум. Тогда он должен видеть
В Европе редиска появилась благодаря итальянцу Марко Поло в конце XIII века."

Если у пользователя уровень, например 30, тогда
В Европе редиска появилась благодаря итальянцу Марко Поло, который, вернувшись из своего знаменитого путешествия, привёз семена редиса. Было это в конце XIII века."


Не соображу как это сделать на vue.js (да и на javascript если честно, тоже) .
Набросал макет, но дальше не продвинусь: jsfiddle.net

Можете помочь или направить на нужный путь?
  • Вопрос задан
  • 745 просмотров
Решения вопроса 2
kulakoff
@kulakoff Куратор тега Vue.js
Vue.js developing
Если правильно понял задачу, то держи такой вариант:

https://jsfiddle.net/4t2mvs9k/3/
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы