<button class="btn btn-small btn-br btn-block" :class="{btn-danger : i.state === 1}" > fdsfsd </button> vue3 这里有错误吗
是的,这里有错误,应该将 class 名称和值用引号括起来,如下所示:
<button
class="btn btn-small btn-br btn-block"
:class="{ 'btn-danger': i.state === 1 }"
>
fdsfsd
</button>
在 Vue3 中,动态绑定 class 和 style 的语法和 Vue2 略有不同。在 Vue3 中,class 和 style 绑定都需要使用 : 或 v-bind 指令,而且在绑定对象中,class 名称需要使用引号括起来。此外,还需要注意在绑定对象中使用 JS 表达式时,需要将表达式放在花括号 {} 中。
fdsfsd
vue3 这里有错误吗" title="
vue3 这里有错误吗" loading="lazy">
原文地址: https://www.cveoy.top/t/topic/qxy 著作权归作者所有。请勿转载和采集!