vue基础-动态style

最新推荐文章于 2024-07-24 14:58:19 发布

佐杰

最新推荐文章于 2024-07-24 14:58:19 发布

阅读量5.1k

点赞数 1

分类专栏： vue分享文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/OnlyoneFrist/article/details/132012863

版权

vue分享专栏收录该内容

30 篇文章 0 订阅

订阅专栏

vue基础-动态style

- 1、目标
- 2、语法

1、目标

给标签动态设置style值

2、语法

:style="{style属性名:值}"

示例：

<template>
  <div id="app">

    <div>
      <p :style="{backgroundColor:color}">动态styleclass</p>
    </div>
    
   
  </div>
  
</template>

<script>
export default {
  data(){
    return{
      color:"red"
      
      
    }
    
  }
  
}
</script>