<button class="btn btn-small btn-br btn-block" :class="{ 'btn-danger': i.state === 1 }" > {{ i.state == 0 ? "马上参与" : "已开奖" }} </button> vue3 如果i.state === 1就添加btn-border-warning 如果等于0就添加btn-danger 要怎么改
可以使用三元表达式和对象语法来实现：
这样就可以根据 i.state 的值来动态添加不同的类名了。如果 i.state === 0，则添加 btn-danger 类名；如果 i.state === 1，则添加 btn-border-warning 类名。同时，三元表达式可以根据 i.state 的值来显示不同的文本内容。
原文地址: https://www.cveoy.top/t/topic/qxN 著作权归作者所有。请勿转载和采集!