未定义计算属性，尽管它是。。。已定义-vue.js

我正在使用Vue.js处理我的新项目，我发现了这样一个错误：

[Vue warn]：未在上定义属性或方法“myImage” 实例，但在渲染期间被引用。请确保此属性为 反应式，无论是在数据选项中，还是对于基于类的组件 正在初始化属性

代码如下：

<template>
          <div class="selectedPlayer"><div class="avatar" v-bind:style="myImage"></div>
          <div class="playerName">{{ playerName }}</div>
        </div>
</template>

<script>

export default {
  name: 'messageForPlayer',
  props: [ "playerId", "playerName" ],
  data () {
    return {
//        myImage: "background-image: url(/src/img/uploads/101.jpg)",
    }

  },
  computed: {
    myImage: function () {
      return {
        'background-image': "url(/src/img/uploads/101.jpg)"
      }
    }
  }} 
</script>

{{playerName}
导出默认值{
名称：“messageForPlayer”，
道具：[“玩家ID”、“玩家名称”]，
数据（）{
返回{
//myImage:“背景图像：url（/src/img/uploads/101.jpg）”，
}
},
计算：{
myImage:函数（）{
返回{
“背景图像”：“url（/src/img/uploads/101.jpg）”
}
}
}} 

正如您所看到的，有一个名为“myImage”的计算属性，带有硬编码值（仅用于测试，通常来自props），但它会导致错误。如果我在数据中解压“myImage”，效果会很好，但这个值是动态的。 我做错了什么

---

Kalreg

您的代码复制正确吗？你的最后一行说，

}，

，

，

应该会破坏Vue，使编译变得不可能。代码很好，但它只是稍微大一点，sso我没有复制它，我无法重新创建错误，请看这个沙盒：错误必须来自其他地方，请提供完整的代码。我确实找到了它-我已经计算了两次对象。第一个是创建我的方法，第二个是清除它。现在觉得自己是世界上最愚蠢的人：DFine，这就是为什么你在寻求帮助时总是发布整个相关代码块的原因。