pageClass | sidebarDepth | title | description |
---|---|---|---|
rule-details |
0 |
vue/prefer-separate-static-class |
require static class names in template to be in a separate `class` attribute |
require static class names in template to be in a separate
class
attribute
- ❗ This rule has not been released yet.
- 🔧 The
--fix
option on the command line can automatically fix some of the problems reported by this rule.
This rule reports static class names in dynamic class attributes.
<template>
<!-- FAIL -->
<div :class="'static-class'" />
<div :class="{'static-class': true, 'dynamic-class': foo}" />
<div :class="['static-class', dynamicClass]" />
<!-- PASS -->
<div class="static-class" />
<div class="static-class" :class="{'dynamic-class': foo}" />
<div class="static-class" :class="[dynamicClass]" />
</template>
Nothing.