VFOR Loop не может получить доступ к глобальной ссылке на сервер

Question

У меня есть приложение vue.js 2.0,

Зарегистрированный URL моего сервера в качестве глобальной переменной, например, в main.js :

Vue.server = Vue.prototype.server = "http://localhost:3000/";

СейчасЯ пытаюсь отобразить некоторые фотографии внутри v-for цикла , внутри файла компонента vue users.vue :

 <div v-for="user in users" class="col-sm col-xs-12">
            <div class="card " style="margin-bottom : 20px">
                <img v-bind:src="this.server + user.img   "   class="card-img-top" alt="...">
                <div class="card-body">
                    <h5 class="card-title">{{user.nom}}</h5>
                    <p class="card-text">Voici la description de mon profil .</p>
                    <a v-on:click="route(user._id)" class="btn btn-primary float-right">Profil</a>
                    <!-- <span class="badge badge-warning"> {{ info }}</span>  -->
                </div>
            </div>
        </div>

У меня естьthis error :

TypeError: "this is undefined"

V-for не принимает мою переменную this.server.

Как получить доступ к моему глобальному URL внутри v-for петли ? (PS: я могу получить доступ к этому серверу на любом классическом шаблоне, кроме v-for)

РЕДАКТИРОВАТЬ: Решил мою проблему следующим образом:

div v-for="user in users" class="col-sm col-xs-12">
            <div class="card " style="margin-bottom : 20px">
                <img v-bind:src="gettinSrv() + user.img   "   class="card-img-top" alt="...">
                <div class="card-body">
                    <h5 class="card-title">{{user.nom}}</h5>
                    <p class="card-text">Voici la description de mon profil .</p>
                    <a v-on:click="route(user._id)" class="btn btn-primary float-right">Profil</a>
                    <!-- <span class="badge badge-warning"> {{ info }}</span>  -->
                </div>
            </div>
        </div>

Сэтот метод:

 methods: {
        gettinSrv: function () {
          return this.server;
        }

РЕДАКТИРОВАТЬ 2: KCP имеет правильный ответ , пожалуйста, забудьте изменить 1, спасибо!

Answer 1

Это просто простая синтаксическая ошибка. Просто используйте server вместо this.server внутри v-for цикла.