<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并disabled 如果等于0就添加btn-danger 要怎么改

可以使用条件语句来判断i.state的值，然后使用三元运算符来动态绑定class和disabled属性，代码如下：

<button
  class="btn btn-small btn-br btn-block"
  :class="i.state === 0 ? 'btn-danger' : 'btn-border-warning'"
  :disabled="i.state === 1"
>
  {{ i.state === 0 ? '马上参与' : '已开奖' }}
</button>

在上面的代码中，使用了v-bind指令来动态绑定class和disabled属性，其中:class绑定了一个条件表达式，根据i.state的值来切换不同的class样式，:disabled绑定了一个条件表达式，当i.state等于1时，按钮会被禁用。三元运算符可以根据条件表达式的结果来选择不同的值。