麻烦老师们帮忙看看,如果只判断activated是否存在可以吗,谢谢

来源:3-11 Vue中的样式绑定

YoLo_H

2020-11-01 17:49:32

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

在这里输入代码,可通过选择【代码语言】突出显

<!DOCTYPE html>

<html lang="en">


<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <script src="./vue.js"></script>

    <style>

        .activated {

            colorred;

        }

    </style>

</head>


<body>

    <div id="app">

        <div @click='handledivclick' :class='[activated]'>hello world</div>

    </div>

    <script>

        var vm = new Vue({

            el: '#app',

            data: {

                activated: ''

            },

            methods: {

                handledivclick: function () {

                    if (this.activated) { this.activated = "" }

                    else { this.activated = "activated" }

                }

            }

        })

    </script>

</body>


</html>


写回答

1回答

好帮手慕久久

2020-11-01

同学你好,这样写是可以的,祝学习愉快!

0

0 学习 · 10739 问题

查看课程