useSplitAttrs 可组合函数 | Quasar 框架

为什么捐赠

API 资源管理器

如何贡献

选项和助手

样式和标识

布局与网格

Vue 指令

Quasar 插件

Vue 组合式 API

useQuasar

useDialogPluginComponent

安全性

Quasar CLI（使用 Vite）

Quasar CLI（使用 Webpack）

Icon Genie CLI

应用扩展

Quasar 工具

useSplitAttrs 可组合函数

Quasar v2.15+

Vue 组件中的 attrs 可以包含监听器和真实的 HTML 属性。 useSplitAttrs() 可组合函数将此 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, // is a Vue ref()
    listeners // is a Vue ref()
  } = useSplitAttrs()

  console.log(attributes.value)
  // prints out a key-value object

  console.log(listeners.value)
  // prints out a key-value object

  // ...
}

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

1. 简介

2. 语法

3. 示例