关于element plus中input绑定的v-model值改变界面不更新问题

如下所示，这是我的代码，我改el-input里面的值无论如何都渲染不到界面上去，这是为什么呢

<el-form ref="form" :model="form" label-width="80px" >
  <el-row>
    <el-col :span="8" :offset="2">
      <el-form-item label="用户昵称" prop="nickName" >
        <el-input v-model="form.nickName" />
      </el-form-item>
    </el-col>
    <el-col :span="8" :offset="2">
      <el-form-item label="登录账号" prop="userName" >
        <el-input v-model="form.userName" />
      </el-form-item>
    </el-col>
  </el-row>
</el-form>

经过一个多小时的踩坑发现，我有这样一段代码

const {
  form,
  tableData,
  loading,
  tableHeight,
  total,
  queryParams
} = toRefs(state)

他可能是这里的form，跟ref="form"产生了重叠，导致显示不出来的这个问题