vue3中reactive数据被重新赋值后无法双向绑定
vue3中的reactive丢失
·
这是因为reactive数据被重新赋值后,原来数据的代理函数和最新的代理函数不是同一个,无法被触发
推荐写法
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),
}
}
更多推荐
已为社区贡献27条内容
所有评论(0)