使用脚本设置重置/清除 ref vue 3？ [复制]答案

【问题标题】：Reset/Clear ref vue 3 using script setup? [duplicate]使用脚本设置重置/清除 ref vue 3？ [复制]
【发布时间】：2023-01-11 15:21:56
【问题描述】：

这是我基于此重置的代码 [1]:How to properly reset Vue Composition Api's reactive values

<script setup>
const test=ref([
  id:null,
  nm:null,
  addrs:null,
  city:null,
  state:null
])
const form =reactive({...test});
const resetValue=()=>{
  Object.assign(form, initialState);
  console.log(test.value.id)
}
</script>

但价值无法重置。任何解决方案？

【问题讨论】：

你是说test是初始状态吗？
你有十几个正确的工作答案。如果一个不起作用，请选择另一个！ stackoverflow.com/a/61509432/6310260

标签： vue.js vue-component vuejs3

【解决方案1】：

第 1 步：您应该在 ref = 中使用对象值

const test=ref({
  id:null,
  nm:null,
  addrs:null,
  city:null,
  state:null
})

第 2 步：当您将扩展运算符用于 ref 值时，您应该编写 .value =

const form =reactive({ ...test.value });

【讨论】：

将 test 设为 ref 没有什么好处