概述
<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所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复