使用Vue.js简单切换某DIV的字体颜色与背景
使用Vue.js简单切换某DIV的字体颜色与背景
前言:
使用Vue.js简单切换某DIV的颜色与背景，如果对你有帮助就看看吧。
实例代码:
请先导入Vue.js在使用，当然效果不仅仅用于此场景，还可以用于其它场景，看自己需求是什么就行了。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="vue.js"></script>
<title>AIDE技术网:aidezy.com</title>
</head>
<body>
<style type="text/css">
.shuxing{
background:red;
color: black;
}
</style>
<div id="el">
请选择:<input type="checkbox" v-model="user">
<br>
<br>
<div v-bind:class="{'shuxing' : user}">
点击上面的按钮让我变色吧!!!
</div>
</div>
<script type="text/javascript">
new Vue({
el:'#el',
data:{
user:false,
}
});
</script>
</body>
</html>资源均来自第三方，谨慎下载，前往第三方网站下载 解压密码：123456 解压密码：123456
本站所有文章、数据、图片均来自互联网,一切版权均归源网站或源作者所有。
如果侵犯了你的权益请来信告知我们删除。邮箱：737597453@qq.com
