美文网首页
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