小编Bry*_*nid的帖子

如何通过 vue.js 中的 props 传递图像 url

由于某种原因它不起作用,这是正确的吗?

父组件:

<achievement-post imgURL="../assets/ach1.jpg"></achievement-post>

<script>
import achievementPost from "../components/AchievementPost.vue";

// ...
</script>
Run Code Online (Sandbox Code Playgroud)

子组件:

<template>
 <img :src="imgURL" />
</template>

<script>
export default {
  props: {
    imgURL: String
  },
    // ...
}
</script>
Run Code Online (Sandbox Code Playgroud)

当我对 URL 进行硬编码时,它可以工作,所以我不确定发生了什么。请帮忙。

vue.js

1
推荐指数
1
解决办法
1452
查看次数

标签 统计

vue.js ×1