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”

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

2条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
kkddyy_520 2019-05-09 16:15
关注
//阡路陌人给了我思路，我这边用下面的代码能实现
img :src="IP+'/img/index/TB2Ob7ytuySBuNjy1zdXXXPxFXa-2247726430.jpg'"
本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(1条)

报告相同问题？

关注问题

vue里将网址作为变量保存在全局中，组件里img标签中的src属性中怎么使用这个变量呢？ vue.js
2019-05-09 15:36

回答 2 已采纳 //阡路陌人给了我思路，我这边用下面的代码能实现 img :src="IP+'/img/index/TB2Ob7ytuySBuNjy1zdXXXPxFXa-2247726430.jpg'" ``
Vue-cli3中，怎么设置一个全局的动态变量？ vue.js 前端
2022-03-04 14:13

回答 2 已采纳你如果想三个文件，都可以访问到一个变量，你新建一个js文件，比如 //a.js const a={x:1}; export default a; 然后都使用a.x这个变量，这样可以修改，但不能够监
在react 或者 vue 的组件中写了img标签在css文件里修改会影响全局嘛? css
2021-11-03 18:01

回答 2 已采纳有 scope 就不会，scope 保证一个组件中的 style 只对该组件有效（Vue）;或者写成：.class img {} // 类是唯一的，也可以保证不会影响全局。
vue中接口域名配置为全局变量的实现方法
2021-01-19 19:23

src中新建一个 domain.js文件 // 配置全局接口域名 ... export default { ...以上这篇vue中接口域名配置为全局变量的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开
vue3中，在onMounted中定义的变量不需要return吗？为什么 vue.js 前端
2023-01-06 09:58

回答 1 已采纳在 Vue 3 中，在 onMounted 中定义的变量不需要 return。这是因为 onMounted 是一个生命周期钩子函数，它在组件被挂载到 DOM 上后调用。它不需要返回任何值，因为它的目
如何在正则表达式中使用变量？ javascript 前端正则表达式
2022-01-09 11:44

回答 1 已采纳 /regex\d/g您可以构造一个新的RegExp对象，而不使用语法：var replace = "regex\d";var re = new RegExp(replace,"g"); 您可以通过这种
vue3 v-bind传参给style scss中的变量，请教？ vue.js 前端有问必答
2022-05-27 17:45

回答 2 已采纳 if else 这是 sass 的规则，只会在加载编译成 css 的时候执行一次，不是响应式的。vue常见做法是定义两个 class，然后在 template 中或者 script 中根据 itemC
vue页面img标签 src使用变量
2020-09-11 16:41

德墨忒尔的博客 1、使用网络上的图片资源 <template> <div> <img :src="imgurl"></img> </div> </template> export default { data() { return { imgurl: '...
Vue 路由 router 怎么使用全局变量 vue.js
2021-12-14 21:48

回答 2 已采纳不是this.$router吗
vue3中的 less "~@"这个符号是代表src目录的意思吗？ vue.js 前端
2022-04-26 19:28

回答 1 已采纳是的，@ 就是src 目录的意思
定义在vue3中的method方法如何在外部的js中调用呢？ javascript vue.js 前端
2022-06-21 17:31

回答 1 已采纳 vue2里这么用的； this.$refs.info.upsetting vue3 ref写法要变下https://blog.csdn.net/weixin_48585264/article/det
在Vue中使用sass，配置scss全局函数、变量，配合 vw vh 做移动端自适应布局
2019-09-06 15:56

MuGuiLin的博客以前做移动端项目布局都是rem来做的，但rem需要在页面中引入js，根据设备的宽度来修改根节点<html>标签的font-size样式属性（相对长度单位。相对于根元素(即html元素)font-size计算值的倍数）才能配使用！ ...
在vue3.0中引入组件时，总是说未被使用，这是怎么回事 elementui javascript vue.js
2022-01-15 16:51

回答 1 已采纳不要用h5标签做为组件名 <template> <ms-header/> <ms-main></ms-main&
vue 保存全局变量_详解VUE 定义全局变量的几种实现方式
2020-12-22 00:33

weixin_39883440的博客最近在学习VUE.js 中间涉及到JS全局变量，与其说是VUE的全局变量，不如说是模块化JS开发的全局变量。1、全局变量专用模块就是以一个特定模块来组织管理这些全局量，需要引用的地方导入该模块便好。全局变量专用...
vue引入全局静态变量_详解vue中静态资源的路径问题(深度好文)
2020-12-21 17:11

weixin_39958631的博客前言: node中的全局变量require开始前，咱们先聊聊node中require的用法。您可能觉得这有什么，不就是直接require(url)直接引用吗，如果您这么想，那可就太小看require了。let url = "@/assets/images/carousel/logo....
没有解决我的问题, 去提问

悬赏问题

¥15 对于相关问题的求解与代码
¥15 ubuntu子系统密码忘记
¥15 信号傅里叶变换在matlab上遇到的小问题请求帮助
¥15 保护模式-系统加载-段寄存器
¥15 电脑桌面设定一个区域禁止鼠标操作
¥15 求NPF226060磁芯的详细资料
¥15 使用R语言marginaleffects包进行边际效应图绘制
¥20 usb设备兼容性问题
¥15 错误(10048): “调用exui内部功能”库命令的参数“参数4”不能接受空数据。怎么解决啊
¥15 安装svn网络有问题怎么办