0
点赞
收藏
分享

微信扫一扫

vue3 + naive ui card header 和 title 冲突 bug

钟罗敏 2024-11-18 阅读 9

这里是封装了两个个简易的函数,巨好用,也简单。

一、重置ref对象

1.程序

function useResetRef(value, objName, resetName) {
   const obj = ref(value())
   const reset = () => {
      obj.value = value()
   }
   return {
      obj,
      reset
   }
}

2.使用方式:

const { obj: fromData, reset:resetFrom } = useResetRef(() => ({
   a: 1,
   b: 2
}))

二、重置reactive对象

1.程序

function useResetReactivate(value) {
    const obj = reactive(Object.assign({}, value));
    const reset = () => {
        Object.assign(obj, value);
    };
    return {
        obj,
        reset,
    };
}

2.使用方式

const { obj, reset: resetObj } = useResetReactivate({
    a:1,
    b:2,
});
举报

相关推荐

0 条评论