美文网首页
vue 图片赋值小结

vue 图片赋值小结

作者: iOS开发小学生 | 来源:发表于2022-08-25 14:04 被阅读0次
    <template>
      <div id = "app">
        <div id = "lunbo" v-for="item in listOne" :key="item">
          <img id = "img" :src = "item"  width="100%" height="200px"/>
        </div>
      </div>
    </template>
    
    <script>
      export default{
        data(){
          return{
            imgurl: require('./../assets/yekong.png'),
            listOne: [
                    require("./../assets/yekong.png"),
                    require("../assets/yekong.png"),
                    require("@/assets/yekong.png"),
                  ],
          }
        },
      }
    </script>
    

    记住几个方法

    require("./../assets/yekong.png"),
    require("../assets/yekong.png"),
    require("@/assets/yekong.png")

    相关文章

      网友评论

          本文标题:vue 图片赋值小结

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