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

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