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的值