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

<template><div class="role" :style="backgroundImg"></div></template><script>export default{data(){return {backgroundImg:{...

&XYZ&

7863人浏览 · 2019-07-04 10:55:21

&XYZ& · 2019-07-04 10:55:21 发布

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^