diff --git a/lib/rules/no-restricted-class.js b/lib/rules/no-restricted-class.js
index 984893b72..41d30df2d 100644
--- a/lib/rules/no-restricted-class.js
+++ b/lib/rules/no-restricted-class.js
@@ -132,7 +132,7 @@ module.exports = {
       /**
        * @param {VAttribute & { value: VLiteral } } node
        */
-      'VAttribute[directive=false][key.name="class"]'(node) {
+      'VAttribute[directive=false][key.name="class"][value!=null]'(node) {
         for (const className of node.value.value.split(/\s+/)) {
           reportForbiddenClass(
             className,
diff --git a/tests/lib/rules/no-restricted-class.js b/tests/lib/rules/no-restricted-class.js
index d7e079261..97cc0b4b1 100644
--- a/tests/lib/rules/no-restricted-class.js
+++ b/tests/lib/rules/no-restricted-class.js
@@ -18,6 +18,8 @@ const ruleTester = new RuleTester({
 ruleTester.run('no-restricted-class', rule, {
   valid: [
     `<template><div class="allowed">Content</div></template>`,
+    `<template><div class>Content</div></template>`,
+    `<template><div :class>Content</div></template>`,
     {
       code: `<template><div class="allowed"">Content</div></template>`,
       options: ['forbidden']