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中的 less "~@"这个符号是代表src目录的意思吗？ vue.js 前端
2022-04-26 19:28

回答 1 已采纳是的，@ 就是src 目录的意思
VUE 全局变量的几种实现方式
2020-12-09 07:18

在Vue.js框架中，全局变量的使用通常是为了在多个组件之间共享数据，避免重复的数据获取和状态管理。本文将详细探讨Vue中实现全局变量的三种常见方法：全局变量专用模块、挂载到Vue.prototype以及使用Vuex。 1、...
Vue 路由 router 怎么使用全局变量 vue.js
2021-12-14 21:48

回答 2 已采纳不是this.$router吗
vue中的标签中的key属性 vue.js 前端
2022-04-19 10:41

回答 2 已采纳 vue中的key属性是为了更为快速的建立虚拟dom所准备的，一般使用在for循环中，key也可以用来表明当前节点的唯一身份，尤其是像v-for这种循环出来的列表，节点几乎都是一模一样的，这时候为每个节
在vue3.0中引入组件时，总是说未被使用，这是怎么回事 elementui javascript vue.js
2022-01-15 16:51

回答 1 已采纳不要用h5标签做为组件名 <template> <ms-header/> <ms-main></ms-main&
在vue3+ts+setup语法糖中使用图片预览组件
2022-09-14 18:22

在这个例子中，`usePreview`函数来自`vue-preview`库，它可以接受一个图片URL数组，创建一个预览对话框。`ref`是Vue3的响应式数据结构，用于创建可响应的变量。 `v-for`循环遍历图片列表，每个图片都有点击事件，...
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: '...
JavaScript正则表达式替换字符串中图片地址(img src)的方法
2020-10-20 15:40

针对替换img标签src属性的问题，我们可以创建一个正则表达式来匹配img标签及其src属性。以下是一个示例： ```javascript const content = '<img src="//...
没有解决我的问题, 去提问

悬赏问题

¥15 metadata提取的PDF元数据，如何转换为一个Excel
¥15 关于arduino编程toCharArray()函数的使用
¥100 vc++混合CEF采用CLR方式编译报错
¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误，如何解决？
¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
¥15 c#逐行读取txt文本，但是每一行里面数据之间空格数量不同
¥50 如何openEuler 22.03上安装配置drbd
¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
¥15 无线连接树莓派，无法执行update，如何解决？（相关搜索：软件下载）
¥15 Windows11, backspace, enter, space键失灵

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

2条回答 默认 最新

悬赏问题

2条回答默认最新