當前位置: 首頁>>編程示例 >>用法及示例精選 >>正文

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()。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。