useSetOptions
监听 optionsRef 的变化,并调用对应的 setter 更新上下文。
@movk-repo/shared/hooks/useSetOptions
参数
ts
function useSetOptions<C, T>(
context: C,
optionsRef: ComputedRef<T>,
optionSetters: OptionSetters<C, T>,
): void
context
传递给 setter 的上下文对象。
- 类型:
C
- 描述: 用于在 setter 函数中使用的上下文对象。
optionsRef
包含选项数据的 ComputedRef
。
- 类型:
ComputedRef<T>
- 描述: 一个包含选项数据的
ComputedRef
对象。
optionSetters
选项键与 setter 函数的映射对象。
- 类型:
OptionSetters<C, T>
- 描述: 一个映射对象,其中键是选项的名称,值是对应的 setter 函数。
示例
ts
import { useSetOptions } from '@movk-repo/shared'
import { computed } from 'vue'
const context = { someContext: true }
const optionsRef = computed(() => ({ optionA: 'valueA', optionB: 'valueB' }))
const optionSetters = {
optionA: (ctx, value) => { ctx.someContext = value },
optionB: (ctx, value) => { console.log(value) }
}
useSetOptions(context, optionsRef, optionSetters)