useSplitAttrs 组合式API | Quasar Framework

为什么捐赠

API 浏览器

如何贡献

选项与辅助工具

样式与标识

布局与栅格

Vue 指令

Quasar 插件

Vue 组合式函数

useQuasar

useDialogPluginComponent

安全

Quasar CLI（Vite 版）

Quasar CLI（Webpack 版）

Icon Genie CLI

应用扩展

Quasar 工具函数

联系站长

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, string | null | undefined>>;
  listeners: Ref<Record<string, (...args: any[]) => any>>;
};

示例

import { useSplitAttrs } from 'quasar'

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

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

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

  // ...
}

发现错误？在浏览器中编辑此页

1. Introduction

2. 语法

3. 示例