Question

我正在尝试将图像源属性绑定到计算属性，如下所示：

// file: ProfileAvatar.vue

<template>
 <div>
    <img :src="image">
 </div>
</template>

<script>
  export default {
    props: ['profile_user'],
    data() {
        return {
            user: this.profile_user,
            image: 'http://tddforum.com/storage/avatars/avatar.jpg',
        }
    },

    computed: {
        getImageUrl: function(){
            return this.user.avatar_location;
        },
    },
}
</script>

只要我将src属性绑定到数据属性 image ，它就可以正常工作。但每当我将绑定从图像更改为 getImageUrl 时，我都会收到控制台错误：

// in Firefox
unexpected token: string literal 

//in chrome
Uncaught SyntaxError: Unexpected string

这让我疯了。怎么解决这个问题。我看到一个帖子，解决方案建议在 require（）方法中包装src属性的值。但我不明白。

任何人都可以帮忙。

Reg，

vuejs2 img src属性绑定问题

0 个答案: