欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页

Vue的样式绑定

程序员文章站 2022-07-04 19:33:19
...
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>vue的样式绑定</title>
	<script src="./vue.js"></script>
    <style>
        .active{
            color: red;
        }
    </style>
</head>
<body>
	<div id="app">
		<div @click="handleDivClick"
                :class={active:isactived}>hello world</div>
	</div>
	<script >
		var vm = new Vue({
			el:'#app',
			data:{
                isactived:false
			},
            methods:{
                handleDivClick:function () {
                    this.isactived = true;
                }
            }
        })

    </script>
</body>

</html>

 

上一篇： jquery系列教程2-style样式操作全解

下一篇： Vue的样式绑定

推荐阅读