This theme is from Cnb|

guangzan

园龄:6年4个月粉丝:675关注:333

2019-07-30 11:18阅读: 12206评论: 1推荐: 5

vue实现简单的点击切换颜色

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>changeColor</title>
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<style>
    div {width: 100px;height: 100px;background: lightcoral;}
    .changeColor {background: lightgreen;}
</style>

<body>

    <section id="app">
        <div :class="{changeColor}" @click="changeColor =! changeColor">
        </div>
    </section>

    <script>
        new Vue({
            el: '#app',
            data: {
                changeColor: false
            }
        })
    </script>
</body>

</html>

本文作者:guangzan

本文链接:https://www.cnblogs.com/guangzan/p/11268900.html

版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   guangzan  阅读(12206)  评论(1编辑  收藏  举报
评论
收藏
关注
推荐
深色
回顶
收起
点击右上角即可分享
微信分享提示