<template> <div v-bind:class="{my_base_class:check_in==true,my_click_class:check_in==false}" @click="handel_class">请点击我</div> </template> <style> .my_base_class{ background: gold;} .my_click_class{ background: blue;} </style> <script> export default{ data:function(){ return{ check_in:true } }, methods:{ handel_class:function(){ this.check_in=!this.check_in }} } </script>
vue---元素样式切换demo
最新推荐文章于 2023-05-28 17:17:08 发布