Skip to content

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)

基于 MIT 许可发布