vue3 页面不更新的问题请教，push,splice 都没用

Question

data.searchResult 是表格的数据

function detailsDataSave(){
      const rowObj ={}
      // 通过判断有没有data.detailsId,有没有来选择 post 或 patch 方法
      if(data.detailsId){
        rowObj.id= data.detailsId
        rowObj.is_active = true
        // 修改保存数据
        patchMethod(modData.url + rowObj.id, rowObj)
        // 页面更新
        data.searchResult = data.searchResult.map(item=>{   // 这里可以更新页面，之前页面本身有数据 即data.searchResult 数组不为空
          if(item.id===rowObj.id){
            return rowObj
          } else {return item}
        })
      } else {
        rowObj.id = nanoid()
        rowObj.is_active = true
        // 新增保存数据
        postMethod(modData.url, rowObj)
        // 页面更新
        data.searchResult.push(rowObj)   // 这里不能更新页面，之前页面本身没数据， 即data.searchResult 数组length 为0
        // data.searchResult.splice(0,0, rowObj) // 用这个方法也不更新
        console.log ('data.searchResult2',data.searchResult)
      }
}

请教！

Answer 1

方法一、this.$set
方法二、在表格上加:key，key值要动态变化，更新数据后更新key值
两种方法都能解决，优先使用this.$set