HTML中 和 vue.js中 使用三元运算符来决定class显示

 <td id="${pos.id}">
     <div class="${pos.used==true?'bg-blue-madison partnumber-box':''}"
          onclick="checkout(${pos.id})">
          ${pos.partitionAmount}
          </div>
 </td>

vue中

<div id="app" :class="{pos.used==true?'bg-blue-madison partnumber-box':''}">
  {
   
   {pos.partitionAmount}}
</div>

最终都渲染为

<div id="app" :class="bg-blue-madison partnumber-box"></div>

猜你喜欢

转载自blog.csdn.net/Maxueyingying/article/details/130865161