[Vuejs]-Combine props from nested slots

0👍

You can set a new names for the props from v-hover and the activator slot:

<template v-slot:activator="{ props: activatorProps}">
  <v-hover v-slot="{ isHovering, props: hoverProps }">

(the renaming is part of regular destructuring assignement)

Now you can combine the props with spreading ({...activatorProps, ...hoverProps}) or Object.assign(activatorProps, hoverProps) and bind them:

<v-list-item v-bind="{...activatorProps, ...hoverProps}"> 

Here it is in a playground

Leave a comment