vue中图片展示

参考:https://blog.csdn.net/weixin_57607714/article/details/123735494

复制代码
<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>
复制代码

 

posted @   jqynr  阅读(251)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
点击右上角即可分享
微信分享提示