【报Bug】image标签的src绑定一个变量的话，用不了绝对路径@/

分类：uni-app

bug反馈

产品分类： uniapp/H5

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： 13.4.1 (22F82)

HBuilderX类型：正式

HBuilderX版本号： 4.29

浏览器平台： Chrome

浏览器版本： 129.0.6668.91

项目创建方式： HBuilderX

示例代码：

<template>  
<image :src="data.typeimg"></image>  
</template>  
<script setup>  
import { reactive } from 'vue'  
const data = reactive({  
typeimg: '@/static/1.jpg',//不行  
//typeimg: '../../static/1.jpg'//可以  
})  
</script>

操作步骤：

如上代码

预期结果：

显示图片

实际结果：

不显示图片

bug描述：

image标签的src绑定一个变量的话，用不了绝对路径@/

2024-10-12 16:23 负责人:无分享

1 个回复

DCloud_UNI_yuhe

在文档有中有提到，可以详细看一下，在变量中引入时，图片需要单独引入：js/uts 引入静态资源

示例：

<template>    
<image :src="data.typeimg"></image>    
</template>    
<script setup>    
import { reactive } from 'vue'    
import img_rc from '@/static/logo.png'  
const data = reactive({    
typeimg: img_rc,//不行    
//typeimg: '../../static/1.jpg'//可以    
})    
</script>

要回复问题请先登录或注册

【报Bug】image标签的src绑定一个变量的话，用不了绝对路径@/

示例代码：

`<template> <image :src="data.typeimg"></image> </template> <script setup> import { reactive } from 'vue' const data = reactive({ typeimg: '@/static/1.jpg',//不行 //typeimg: '../../static/1.jpg'//可以 }) </script>`

操作步骤：

如上代码

预期结果：

显示图片

实际结果：

不显示图片

bug描述：

1 个回复

公告

相关问题

【报Bug】image标签的src绑定一个变量的话，用不了绝对路径@/

示例代码： <template> <image :src="data.typeimg"></image> </template> <script setup> import { reactive } from 'vue' const data = reactive({ typeimg: '@/static/1.jpg',//不行 //typeimg: '../../static/1.jpg'//可以 }) </script>

操作步骤： 如上代码

预期结果： 显示图片

实际结果： 不显示图片

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

示例代码：

`<template> <image :src="data.typeimg"></image> </template> <script setup> import { reactive } from 'vue' const data = reactive({ typeimg: '@/static/1.jpg',//不行 //typeimg: '../../static/1.jpg'//可以 }) </script>`

操作步骤：

如上代码

预期结果：

显示图片

实际结果：

不显示图片