<template>
<view v-for="i in 10" :class="['a',{on:index == i}]" @click="index = i">
<text class="num">{{i}}{{index}}</text>
</view>
</template>
<script>
export default {
data() {
return {
index:1
};
},
methods:{
click(i) {
this.$forceUpdate()
}
}
}
</script>
<style lang="scss">
.a {
.num {
color: #ff9666;
}
}
.on {
background-color: #FF3C3C;
.num {
color: #000000;
font-weight: bold;
}
}
</style>
2***@qq.com
- 发布：2023-06-15 18:24
- 更新：2023-06-15 20:06
- 阅读：118
父级动态class，子元素不随着父级的class名更新，求指教
分类：nvue
2***@qq.com (作者)
你好，这个我用的是vue3+nvue
2023-06-15 22:59
西恩十月
回复 2***@qq.com: vue3目前跟nvue不太契合吧
2023-06-16 08:50