vue3中当用reactive()中定义的对象再次赋值,页面不会自动更新的解决方法

第一种方法:将reactive换成ref,即可实现页面随时刷新:

let detailObj = ref({});
    watch(dialogVisible, async newValue => {
    if (newValue) {
    const params = {
    	id:detailId.value 
    };
    const res = await api.logManage.operationLogDetail(params);
        if (res.code === api.code.SUCCESS) {
        detailObj.value = res.data;
        }
    }
});

第二种方法:在定义reactive的时候,定义属性名,在后期赋值的时候,对属性名进行赋值;

let detailObj = ref({message:{}});
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐