vue中如何显示图片

<template>
  <div class="login">
    <div class="login_box">
      <div class="img">
        <img :src="imgUrl" alt="" srcset="" />
      </div>
    </div>
  </div>
</template>
<script>
import imgPath from "@/assets/logo.png"  //先导入
export default {
  data() {
    return {
    //   imgUrl: require('@/assets/logo.png'),   方法二 利用require直接写
      imgUrl: imgPath,  //再引用 
    };
  },
  methods: {},
};
</script>

猜你喜欢

转载自blog.csdn.net/weixin_57607714/article/details/123735494