Vue 动态改变css 属性 ——颜色、阴影

最新推荐文章于 2024-07-29 22:22:20 发布

青冘

最新推荐文章于 2024-07-29 22:22:20 发布

阅读量5.2k

点赞数 1

分类专栏：前端学习

注明转载地址，欢迎转载

本文链接：https://blog.csdn.net/qq_17798399/article/details/98949234

版权

前端学习专栏收录该内容

9 篇文章 1 订阅

订阅专栏

在div中使用 :style="{'属性':值}" 的格式进行动态设置css的属性

  <template>
    <div class="courseitem">
      <div class="color" :style="{'background':examClolr ,'box-shadow': examShadow }"></div>
    </div>
  </template>

<script>
export default {
  props: {
    examClolr: String,
    examShadow: String
  },
  data: function() {
    return {};
  }
};
</script>