相关疑难解决方法(0)

Vue.js中方法和计算值之间的主要区别是什么？

它们看起来一样,可以互换.

这是我的 Vue 模板的一部分：

<ul>
   <li v-for="friend in user.friends">
       <span v-if="checkIfNew(friend.id)"> ... </span>
   </li>
</ul>

基本上，朋友是一个对象数组，如果我们有来自其中任何一个的新消息，我想显示 span 元素。就是这样checkIfNew()。检查好友的 id 是否在数组中unreadIds（包含发送消息的好友的 id）

该数组正在以不同的方法进行更新，但是，问题是：v-if不对更改做出反应。

这是脚本部分的一部分：

data(){
   return {
      unreadIds: []
   }
},
methods:{
   checkIfNew(id){
      if(id in this.unreadIds) return true
      else return false
   }
},
computed:{
    user(){
      return this.$store.getters.user;
    }
}

有人知道我做错了什么吗？