vue里面v-bind:src如何调用路径别名?

Question

  <img alt="Vue logo" src="~assets/logo.png" />
  <img alt="Vue logo" :src="require('../assets/logo.png')" />

比如说第二行这里,小括号里面有办法用~assets吗?

Answer 1

<template>
    <img alt="Vue logo" :src="logo" />
</template>

<script>
export default {
    data() {
        return {
            logo: require('~assets/logo.png')
        }
    }
}
</script>

Answer 2

直接这样就可以

 <img alt="Vue logo" :src="require('@/assets/logo.png')" />