no-multiple-objects-in-class.md

pageClass	sidebarDepth	title	description	since
rule-details	0	vue/no-multiple-objects-in-class	disallow to pass multiple objects into array to class	v7.0.0

vue/no-multiple-objects-in-class

disallow to pass multiple objects into array to class

📖 Rule Details

This rule disallows to pass multiple objects into array to class.

<template>
  <div>
    <!-- ✓ GOOD -->
    <div :class="[{'foo': isFoo, 'bar': isBar}]" />

    <!-- ✗ BAD -->
    <div :class="[{'foo': isFoo}, {'bar': isBar}]" />
  </div>
</template>

🔧 Options

Nothing.

🚀 Version

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

🔍 Implementation

• Rule source
• Test source