YZL_zyzl
YZL_zyzl
  • 发布:2024-03-30 01:37
  • 更新:2024-03-30 09:13
  • 阅读:220

nvue+vue3 动态类名不生效

分类:nvue

想实现的就是swiper发生改变时,修改current进而为tabs添加选中类名, 文档说用数组绑定,尝试将类名提成变量也不行 本以为很简单但是实现不了。(这个功能不是很常用嘛 为啥还会出问题嘞)

2024-03-30 01:37 负责人:无 分享
已邀请:
YZL_zyzl

YZL_zyzl (作者)

有大佬知道原因吗,解解惑。准备先封装成组件,修改style试一下了。

喜欢技术的前端

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

你这个等号怪怪的

<template>  
    <view class="container">  
        <view class="" :class="[current == 0?activeClass:'']">  
            activeClassactiveClassactiveClass  
        </view>  
    </view>  
</template>  

<script setup lang="ts">  
    import {ref} from 'vue'  
    let current:number = ref(0);  
    let activeClass:string =  ref('red')  
</script>  

<style lang="scss" scoped>  
    .red {  
        color: red;  
    }  
</style>
  • YZL_zyzl (作者)

    这是连写符号而已,可以设置的

    2024-03-30 12:11

  • YZL_zyzl (作者)

    然后我这个是nvue

    2024-03-30 12:30

要回复问题请先登录注册