vue基础 动态class vue过滤器

• 语法:

  • :class="{类名: 布尔值}"

  • <template>
      <div>
        <!-- 语法:
          :class="{类名: 布尔值}"
          使用场景: vue变量控制标签是否应该有类名
         -->
        <p :class="{red_str: bool}">动态class</p>
      </div>
    </template>

    <script>
    export default {
      data(){
        return {
          bool: true
        }
      }
    }
    </script>

    <style scoped>
      .red_str{
        color: red;
      }
    </style>

vue基础-动态style

• 语法

  • :style="{css属性: 值}"

<template>
  <div>
    <!-- 动态style语法
      :style="{css属性名: 值}"
     -->