v-for中怎么判断渲染条件

怎么根据type类型 渲染 服务1和服务2其中的一个

<tr v-for="i in orderList">
    <td>{{i.billNum}}</td>
    
    <td v-if="i.type == 1">服务1</td>
    <td v-if="i.type == 2">服务2</td>
    
    <td>1000.00</td>
    <td>2020-10-10 12:30:30</td>
    <td>待支付</td>
    <td class="c-cz-td">
        <div class="call">
            <a href="">下载</a>
        </div>
    </td>
</tr>
阅读 2.9k
4 个回答

噢我明白你意思了,你要的是这样吧

<div id="app">
    <ul>
        <li v-for="it in list" :key="it.label">
            <template v-if="it.type === 1">
                <span>{{ it.label }}</span>
                <span>类型 {{it.type}}</span>
            </template>
        </li>
    </ul>
</div>

你这 v-if 的部分没有问题啊?!

https://codepen.io/jamesfancy...

不过 v-for 中没有指定 :key,应该会有警告,把 :key 指定给一个可以标识元素唯一的属性(不要是 v-forindex

三元表达式也是蛮香的
<td>{{i.type==1?'服务1':'服务2'}}</td>

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题