Как обернуть часть динамического контента в тег при SSR?

Задача: обернуть время (формат - 28.09.2020 12:18) в span

Пробую так
<template>
...
  <p class="lf-news-item__date">{{ addTimeSpan(item.date) }}</p>
...
</template>
...
    methods: {
      addTimeSpan(date) {
        if (process.client) {
          let dateArr = date.split(' ');
          let span = document.createElement('span');
          span.innerHTML = dateArr[1];

          return `${ dateArr[0] } ${ span }`
        } else {
          return date;
        }
      }
    },
...


Но вместо span выводит [object HTMLSpanElement]

v-html вообще не работает с функциями.

Как лучше вывести ?
  • Вопрос задан
  • 43 просмотра
Решения вопроса 2
@VegasChickiChicki
<template>
...
  <p class="lf-news-item__date">
    <span> {{ item.date.split(' ')[0] }} </span>
  </p>
...
</template>


А в чем проблема сделать так?
Ответ написан
yarkov
@yarkov Куратор тега Vue.js
Проект "Жизнь после смерти" - lifeafterdeath.ru
Может так?
<p class="lf-news-item__date" v-html="addTimeSpan(item.date)"></p>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы