Vue- 绑定的图片不显示

• Z时代
• 2024-01-10
• 分类：综合

需要通过 require包裹

<template>
      <div>
         {{user.username}}: <img :src="user.avatar" class="avatar">
      </div>
</template>
<script>
export default {
     name: 'PersonalDynamic',
     data() {
          return{
               user:{
                    username:"张三",
                    avatar:require("../../public/images/user1.jpeg")
               }
          }
     }
}
</script>
<style>
img.avatar{
     width: 100px;
     height: 100px;
}
</style>

以上是 Vue- 绑定的图片不显示 的全部内容， 来源链接： utcz.com/z/380803.html