我是 Vue 新手，做了一些 html 和 css，我想使用一个变量作为图像目录，但图像从未加载，该变量正在由一个有效的 tauri 函数更新，我需要图像也会改变。

这是我的一些代码

            
            
            
            
            
            
            
            
            
            
            
            

            

                

                    
                    

                        P粉148434742
                        

                    
                
                

                    

                    

                        

                            回答
                        
                    
                
            
            

                

                    
全部回复(1)
                    我来回复
                
                


                                

                    
                    

                        

                            

                                P粉3203612012023-12-30 12:27:15
                                1楼
                            
                            
根据您的代码，您正在使用 Vue3 Composition API。您的代码中缺少一些内容，这些内容可能无法让您的应用正常运行。

正如其他人提到的，您不在属性中使用花括号。您使用

<img :src="variable"> // just use : in front of an attribute and it will consider as v-bind
<img v-bind:src="variable"> // or you directly use v-bind, less commonly used
<img :src="'static string'"> // no point doing this, but just a reference of how it works


当您使用组合API时，您必须先导入ref等函数。

<template>
  <img :src="data">
  <img v-bind:src="data">
  <img :src="getimg()">
</template>

<script setup>
import { ref } from 'vue'

const data = ref("./assets/4168-376.png") // prefer const over var cus this variable will never be reassigned

function getimg() {
   // why are you using data1.value tho? It should be data.value
   // also i don't think 'require' is needed here 
   return require(data1.value) // i just copy paste from your code
}
</script>

额外：当处理不需要参数的值时，通常使用计算会更好。请参阅 Vue 计算属性
<template>
   <img :src="data">
   <img v-bind:src="data">
   <img :src="getImg">
</template>

<script setup>
import { ref, computed } from 'vue' // import it first

const data = ref("./assets/4168-376.png")

const getImg = computed(() => {
  return data.value
})

                            

                                 
                                赞 +0
                                

                                    添加回复
                                
                            
                                                            

                                    

                                        

                                            

                                                
                                                P粉148434742
                                            
                                            

                                        
                                        
                                        回复