setup() {
      const route = useRoute()
      const state = reactive({
        active: 0,
        form: {}
      })

      onMounted(() => {
        fetchData()
      })

      const fetchData = async () => {
        await getById(route.query.d_Id).then(res=>{
          state.form = res.data
        })
      }

如上，页面加载的时候是一个空的form:{},但因为字段有二三十个，不想一一写在form下面，所以我们要用获取到的json对这个form赋值并且自动填充表单
state.form = res.data使用这个直接赋值，结果X
state.form={...res.data}使用这个赋值，结果还是X
state.form=reactive(res.data)使用这个赋值，结果还是X

百度了许久找不到结果，最后使用了Object.assign(state.form, res.data)，结果OK

• 本文标题： vue3 对空的form:{}重新赋值
• 文章分类：【VueJS】
• 非特殊说明，本文版权归【胡同里的砖头】个人博客 所有，转载请注明出处.

留言评论

• 上一篇：el-table里面的el-switch初始化自动执行change事件
• 下一篇： Android Studio 调试快捷键