Javascript Vue.js 3 vif 三元函数，如何将对象作为条件传递

发布于04月30日

<div :class="cellProps.rowData.BrandColor ? 'bluText' : 'redText'">
    <p v-if="cellProps.rowData.BrandColor ? message='cellProps.rowData.BrandColor' : message='NO VALUE PRESENT' ">Brand Color#: {{ message }}</p>
</div>

我从数据表中输入数据，如果我判断cellProps.rowData.BrandColor是否有值，如果有，我想将该值用作消息，如果没有，请使用"无值存在".

该类工作正常，但将值作为消息传递是不正确的.我感觉我没有正确地传递信息.将值cellProps.rowData.BrandColor传递给消息的正确方式是什么？

推荐答案

<div :class="cellProps.rowData.BrandColor ? 'bluText' : 'redText'">
    <p v-if="cellProps.rowData.BrandColor ? 
     message='cellProps.rowData.BrandColor' : message='NO VALUE PRESENT' 
    ">Brand Color#: {{ message }}</p>
</div>

为了设置message='cellProps.rowData.BrandColor'，我学会了这样删除单引号:

 message= cellProps.rowData.BrandColor

最终版本:

<div :class="cellProps.rowData.BrandColor ? 'bluText' : 'redText'">
    <p v-if="cellProps.rowData.BrandColor ? 
     message= cellProps.rowData.BrandColor : message='NO VALUE PRESENT' 
    ">Brand Color#: {{ message }}</p>
</div>