vue-样式绑定

<template>
   <div :class='classArray'>样式绑定</div>
</template>

<script>

  export default {
    data() {
      return {
        classString:'red',
        classObject:{
          green:true,
          red:false
        },
        classArray:['green',{red:false}]
      };
    },
    methods: {
      
    },
  }
</script>
<style >
 .red{
   color:red
 }
 .green{
   color:green
 }
</style>

猜你喜欢

转载自blog.csdn.net/u013008898/article/details/113139208