class和style动态绑定失效

分类：uni-app

uniapp

class动态绑定： :class="{active: isSelected}“ 。
不知道为什么。 style也是如此。

2024-03-05 09:10 负责人:无分享

8 个回复

喜欢技术的前端 - QQ---445849201

可以的

<template>  
    <view class="content">  
        <view class=""  :class="{active: isSelected}">  
            请输入请输入请输入请输入  
        </view>  
    </view>  
</template>  
<script>  
    export default {  
        data() {  
            return {  
                isSelected:true  
            }  
        },  
        onReady() {  

        },  
        methods: {  

        }  
    }  
</script>  

<style>  
    .active{  
        color: red;  
    }  
</style>

q***@126.com (作者)

换一种写法：:class=‘ isSelected ? ”active“ : ”“ ’
也是无效。

q***@126.com (作者)

喜欢技术的前端

<template>  

    <view class="content">  

        <view :class="{active:isSelected}">  

            vue3  

        </view>  

    </view>  

</template>  

<script setup>  

    import { ref } from 'vue';  

    let isSelected = ref(true)  

</script>  



<style>  

    .active{  

        color: red;  

    }  

</style>