vue基础~~~ 动态添加style

1.语法

:style="{css属性: 值}"                          // 动态style的key都是css属性名

2.例子

<template>
  <div>
    
    <p :style="{backgroundColor: colorStr}">动态stylep>
  div>
template>

<script>
export default {
  data(){
    return {
      colorStr: 'red'
    }
  }
}
script>

<style>

style>

你可能感兴趣的:(css,html,javascript,vue.js)