Vue3 图片插入:使用 ref 和 function 生成 script setup 代码
<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<title>Vue3</title>
<script src='https://unpkg.com/vue@next'></script>
</head>
<body>
<div id='app'>
<img :src='imageSrc' />
</div>
<script>
const app = Vue.createApp({
setup() {
const imageSrc = Vue.ref('your_image_url');
function setImageSrc(url) {
imageSrc.value = url;
}
return {
imageSrc,
setImageSrc
}
}
});
app.mount('#app');
</script>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/mC0J 著作权归作者所有。请勿转载和采集!