动态设置img标签的src属性

在使用<img>标签的src属性时，不显示的问题

1.静态属性只能通过 ./ 的形式引用图片

<img
   src="../../assets/img/logo.png"
   class="sidebar-logo">

2.动态引用图片

<img 
  :src="item.image ? require(`../../assets/image/${item.image}`) : ''" alt="image"/>

<template>
    <div @click="home">
      <img :src="home_url" alt="..." style="height: 10vw">
    </div>
</template>
<script>
  // 下面是导入两张图片的相对地址
  import home_no from '../static/icon/home_no.png'
  import home from '../static/icon/home.png'
  export default {
    name: "newbase",
    data () {
      return {
        home_url: home
      }
    },
    methods: {
      home() {
        this.home_url = home
      }
    }
  }
</script>