Vuejs2 VFOR Loop can';无法访问全局服务器链接

Vuejs2 VFOR Loop can';无法访问全局服务器链接,vuejs2,Vuejs2,我有一个vue.js 2.0应用程序 将我的服务器url注册为全局变量,如在main.js中所示: Vue.server = Vue.prototype.server = "http://localhost:3000/"; <div v-for="user in users" class="col-sm col-xs-12"> <div class="card " style="margin-bottom : 20px">

我有一个vue.js 2.0应用程序

将我的服务器url注册为全局变量,如在main.js中所示:

Vue.server = Vue.prototype.server = "http://localhost:3000/";
 <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>
TypeError: "this is undefined"
现在,我试图在vue组件文件中的v-for循环中显示一些图片。vue

Vue.server = Vue.prototype.server = "http://localhost:3000/";
 <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>
TypeError: "this is undefined"
V-for不接受my this.server变量

如何访问v-for循环中的我的全局URL? (注意:我可以在任何经典模板上访问此.server,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>

编辑2:KCP有正确答案,请忘记编辑1,谢谢

这只是一个简单的语法错误。
只要在
v-for
循环中使用
server
而不是
this.server

这只是一个简单的语法错误。 只需在
v-for
循环中使用
server
而不是
this.server