# vue/no-multiple-slot-args

disallow to pass multiple arguments to scoped slots

⚙️ This rule is included in "plugin:vue/vue3-recommended" and "plugin:vue/recommended".

# 📖 Rule Details

This rule disallows to pass multiple arguments to scoped slots.
In details, it reports call expressions if a call of this.$scopedSlots members has 2 or more arguments.

<script>
export default {
  render(h) {
    /* ✓ GOOD */
    var children = this.$scopedSlots.default()
    var children = this.$scopedSlots.default(foo)
    var children = this.$scopedSlots.default({ foo, bar })

    /* ✗ BAD */
    var children = this.$scopedSlots.default(foo, bar)
    var children = this.$scopedSlots.default(...foo)
  }
}
</script>

Now loading...

# 🔧 Options

Nothing.

# 📚 Further Reading

vuejs/vue#9468 (opens new window)

# 🚀 Version

This rule was introduced in eslint-plugin-vue v7.0.0

# 🔍 Implementation

Rule source (opens new window)
Test source (opens new window)

← vue/no-lone-template vue/no-v-html →