vue里将网址作为变量保存在全局中,组件里img标签中的src属性中怎么使用这个变量呢?

vue里将网址作为变量保存在全局中,组件里img标签中的src属性中怎么使用这个变量呢?

问题描述:

//main.js定义全局变量IP

Vue.prototype.IP='http://192.168.1.187:3000'

//原来的页面代码(能显示)

img src='http://192.168.1.187:3000/img/index/TB2XapXsqmWBuNjy1XaXXXCbXXa-2247726430.jpg' alt=""

//怎么将http://192.168.1.187:3000换成IP,我尝试过的方法如下,都不行

    img :src="IP/img/index/TB2Ob7ytuySBuNjy1zdXXXPxFXa-2247726430.jpg"              
    img :src=“IP+‘’/img/index/TB2Ob7ytuySBuNjy1zdXXXPxFXa-2247726430.jpg”

//阡路陌人给了我思路,我这边用下面的代码能实现
img :src="IP+'/img/index/TB2Ob7ytuySBuNjy1zdXXXPxFXa-2247726430.jpg'"


img :src="{{IP + '/img/index/TB2Ob7ytuySBuNjy1zdXXXPxFXa-2247726430.jpg'}}"