Skip to page content

useSplitAttrs 组合式API
Quasar v2.15+

Vue组件中的attrs可以同时包含监听器和实际的HTML属性。useSplitAttrs()组合式API将这个Vue attr对象分解为这两类,并保持它们的更新。

语法

import { useSplitAttrs } from 'quasar'

setup () {
  const {
    attributes,
    listeners
  } = useSplitAttrs()

  // ...
}
import { Ref } from 'vue'

function useSplitAttrs(): {
  attributes: Ref<Record<string, unknown>>;
  listeners: Ref<
    Record<
      string,
      ((...args: any[]) => any) | ((...args: any[]) => any)[]
    >
  >;
};

示例

import { useSplitAttrs } from 'quasar'

setup () {
  const {
    attributes, // 是一个Vue ref()
    listeners // 是一个Vue ref()
  } = useSplitAttrs()

  console.log(attributes.value)
  // 打印出一个键值对象

  console.log(listeners.value)
  // 打印出一个键值对象

  // ...
}