Как убрать все до предоставленного значения

Question

Я использую Bootstrap Vue и хотел бы использовать обратный вызов форматирования для вставки html в столбец внутри таблицы. Пример документации Bootstrap форматирует ссылку как якорную ссылку Пример. https://bootstrap-vue.js.org/docs/components/table/#shirley -partridge

    <b-table striped responsive hover :items="episodes" :fields="fields">
           <template v-slot:cell(version)="data">
        <a :href="`${data.value.replace(/[^a-z]+/i,'-').toLowerCase()}`">{{ data.value }}</a>
      </template>
    </b-table>

Я извлекаю полный URL из свойства версии и хотел бы использовать только этот URL в шаблоне, как я могу удалить все до того, как URL с помощью форматера?

    this.episodes = response.map((item) => {
          return {
            category: item.fields.title,
            episode_name: item.fields.splash,
            episode_acronym: item.fields.description,
            version: 'https://myurl/webinars' + item.fields.slug + '/' +'test',

          }
        })

Желаемая ссылка будет https://myurl/webinars ....

Answer 1

Я смог заставить это работать, сохранив относительный формат URL-адреса и обновив форматер с помощью знака - вместо знака +

        <a :href="`${data.value.replace(/[^a-z]-/i,'-').toLowerCase()}`">Definition</a>