<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的全部内容，更多相关vue---元素样式切换demo内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复