【前端】【vue 3-6】点击文本内容，根据点击，切换class属性

最新推荐文章于 2024-03-13 22:47:29 发布

9栋108

最新推荐文章于 2024-03-13 22:47:29 发布

阅读量336

点赞数

文章标签： javascript 前端 ViewUI

原文链接：http://www.cnblogs.com/stevenlii/p/9159714.html

版权

<html>
<title>test</title>

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<style>
.activated{
    color: red
}
</style>
<body><div id="app" @click="hanleddivclick" :class="{activated:isactivated}">
hello word
</div>
<script>
var vm = new Vue({
    el:"#app",
    data:{
        isactivated:false
    },
    methods:{
        hanleddivclick:function(){
            this.isactivated = !this.isactivated;
        }
    }
})
</script>
</body>
</html>

转载于:https://www.cnblogs.com/stevenlii/p/9159714.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

9栋108

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【前端】【vue 3-6】点击文本内容，根据点击，切换class属性

<html><title>test</title><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><style>.activated{ color: red}</style>...
复制链接

扫一扫