A-A+

vue img 动态src

2020年09月09日 vue 暂无评论 阅读 1 次

vue动态切换img标签的src时,写的路径就是不生效,原因是vue并没有把你的路径字符串当做路径来处理,而是直接当做字符串了
使用导入资源的方式

<template>
     <img
              :src="item.hasDown ? upSvgUrl : downSvgUrl"
        />
    </div>
</template>
<script>
  // 下面是导入两张图片的相对地址
import upSvg from '@/assets/icon/up.svg'
import downSvg from '@/assets/icon/down.svg'
  export default {
    name: "newbase",
    data () {
      return {
          upSvgUrl: upSvg,
        downSvgUrl: downSvg,
      }
    },
    methods: {
      home() {

      }
    }
  }
</script>
标签:

给我留言

Copyright © web前端技术开发个人博客 保留所有权利  京ICP备14060653号 Theme  Ality

用户登录