변수를 이미지 src로 사용하는 방법 - vue.js

Question

저는 Vue를 처음 접하고 html과 css를 사용하고 있으며 이미지 디렉터리에 변수를 사용하고 싶지만 이미지가 로드되지 않고 변수가 유효한 tauri 함수에 의해 업데이트되고 이미지도 변경해야 합니다.

이것은 내 코드 중 일부입니다

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

   -- and --

<img :src = {{data}}}>

   -- and --

<img src = {{data}}>

   -- and much more ... --
</template>

<script setup>
var data = ref("./assets/4168-376.png")

function getimg() {
    console.log(data1.value)
    return require(data1.value)
}
</setup>

Answer 1

코드에 따르면 Vue3 Composition API를 사용하고 있습니다. 앱이 제대로 작동하지 않을 수 있는 코드에 누락된 내용이 있습니다.

1. 다른 사람들이 언급했듯이 속성에는 중괄호를 사용하지 않습니다. 당신은
를 사용합니다

으아아아

2. 컴포지션 API를 사용하려면 먼저 ref 등의 기능을 가져와야 합니다.

으아아아

Extra : 인수가 필요하지 않은 값을 처리할 때는 일반적으로 计算를 사용하는 것이 더 좋습니다. Vue 계산 속성

을 참조하세요. 으아아아