美文网首页
vue→显示本地图片

vue→显示本地图片

作者: 郭先森啊 | 来源:发表于2020-06-17 16:57 被阅读0次

1、backgroundImage路径问题(vue里面放背景图片)

来源:https://blog.csdn.net/JEFF_luyiduan/article/details/94599809

<template>

    <div class="role" :style="backgroundImg">

    </div>

</template>

<script>

  export default{

    data(){

      return {

        backgroundImg:{

              backgroundImage:"url("+require("@/assets/images/teacherIndex/bg.png")+")",

              backgroundRepeat: "no-repeat",

              backgroundSize: "100% 100%",

              marginTop: "5px",

            },

        }

    }

  }

</script>

2、img标签src本地图片

inport **** from .......

data:中赋予 v-bind的值

相关文章

  • vue→显示本地图片

    1、backgroundImage路径问题(vue里面放背景图片) 来源:https://blog.csdn.ne...

  • vue 动态加载图片路径

    在用vue-cli脚手架生成的vue项目开发中,动态加载图片本地运行没有问题,但是打包后图片无法显示,图片路径40...

  • Vue动态渲染本地图片

    今天总结一下Vue动态渲染本地图片的一些问题~如果你直接使用本地图片地址,像下面这样 这是可以正常显示图片的,但是...

  • flutter 显示本地默认

    简单的flutter 显示网络图片之前显示本地默认图片

  • 工作上的一些记录

    1. vue在data中引入静态图片路径 在data设置本地图片路径,无论相对路径还是绝对路径都无法显示解决: 将...

  • 本地HTML显示图片

    在工程根目录建立一个文件夹,然后拖到Xcode, 注意要选蓝色文件夹

  • iOS:一款基于swift的图片浏览器

    支持多图片显示,滑动,拖拽下拉返回,捏合,单双击等手势,支持本地和网络图片,支持自定义本地图片显示(传image数...

  • React img src展示图片

    一、显示网络图片,直接上链接 二、显示本地图片 1、import import img from '../../a...

  • 适配之路 iOS 11 / iPhone X / Xcode 9

    1. 升级Xcode 9后本地图片不能正确的显示 ? 最近更新到Xcode9后,发现本地的图片都不能正常显示,后来...

  • 11. vue-­router路由和vuex

    11.1 vue-­router路由基本加载 小案例:在根路径下只显示图片,在/hello下即显示图片又显示hel...

网友评论

      本文标题:vue→显示本地图片

      本文链接:https://www.haomeiwen.com/subject/ujbsxktx.html