Как положить в директиву VUE несколько переменных?

Question

[Dauren S]

<tr v-for="(item, index) in data" v-bind:key="index">
                      <th scope="row">1</th>
                      <td>{{item.title}}</td>
                      <td><a :href="process.env.VUE_APP_URL/+item.path">File</a></td>
                      <td>@mdo</td>
                    </tr>

Как правильно написать чтобы href содержал базовый урл бэка и путь до файла.
На данный момент ругается на ошибку.

Comments

[Andrey Suha]

Какую ошибку получаете?

[Mat1lda]

Сделайте функцию которая делает URL + (то что нужно). И вызывайте в :href="{функция(то что передать)}"

Answer 1

[Алексей Ярков]

Возможно так:

<a :href="`${process.env.VUE_APP_URL}/${item.path}`">File</a>

Но лучше process.env.VUE_APP_URL положить в data компонента например.

Comments

[Dauren S]

Спасибо!Работает!