저는 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>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
코드에 따르면 Vue3 Composition API를 사용하고 있습니다. 앱이 제대로 작동하지 않을 수 있는 코드에 누락된 내용이 있습니다.
- 다른 사람들이 언급했듯이 속성에는 중괄호를 사용하지 않습니다. 당신은
를 사용합니다
으아아아- 컴포지션 API를 사용하려면 먼저
으아아아ref등의 기능을 가져와야 합니다.Extra : 인수가 필요하지 않은 값을 처리할 때는 일반적으로
을 참조하세요. 으아아아计算를 사용하는 것이 더 좋습니다. Vue 계산 속성