vue3中reactive数据被重新赋值后无法双向绑定的解决

这是因为reactive数据被重新赋值后,原来数据的代理函数和最新的代理函数不是同一个,无法被触发

image.png

推荐写法

import {reactive, toRefs} from 'vue'
setup(props, context) {
    const state = reactive({
                myMessage:'',
                myDialog: '',
                myForm: ref(''),
                searchValue: ref(''),
                searchType: ref(''),
                checked: ref(false),
                actIndex: reactive({ arr: [0] }),
                dialogTableVisible2: ref(false),
                dialogTableVisible3: ref(false)
    })
    return {
                ...toRefs(state),
    }
}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容