当前位置: 首页>>代码示例 >>用法及示例精选 >>正文

Vue.js mergeProps()用法及代码示例


合并多个道具对象，对某些道具进行特殊处理。

类型 

function mergeProps(...args: object[]): object

细节

mergeProps() 支持合并多个道具对象，并对以下道具进行特殊处理：

  • class
  • style
  • onXxx 事件侦听器 - 多个具有相同名称的侦听器将合并到一个数组中。

如果您不需要合并行为并且想要简单的覆盖，则可以使用原生对象扩展。

示例 

import { mergeProps } from 'vue'

const one = {
  class: 'foo',
  onClick: handlerA
}

const two = {
  class: { bar: true },
  onClick: handlerB
}

const merged = mergeProps(one, two)
/**
 {
   class: 'foo bar',
   onClick: [handlerA, handlerB]
 }
 */

相关用法


注：本文由纯净天空筛选整理自vuejs.org大神的英文原创作品 mergeProps()。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。