vue中的if标签使用，select标签使用

//注意：字符串的相等判断要用双引号。v-if="site.stageNum !== '全款'
<tbody>
    <%-- 项目分期付款信息列表--%>
    <tr v-for="(site,index) in payStageList">
        <td style="vertical-align: middle">{{index+1+(currentPage-1)*10}}</td>
        <template v-if="site.stageNum !== '全款'">
            <td style="vertical-align: middle">{{site.stageNum}}</td>
        </template>
        <td style="vertical-align: middle">{{site.needPay}}</td>
        <td style="vertical-align: middle">{{site.realPay}}</td>
        <td style="vertical-align: middle">{{site.needDate}}</td>
        <td style="vertical-align: middle">{{site.realDate}}</td>
        <td style="vertical-align: middle">{{site.status}}</td>
        <template v-if="site.stageNum !== '全款'">
            <td class="center" style="vertical-align: middle">
            <a href="javascript:void(0)" v-on:click="editStageInfo(site.sn)" class="btn btn-info btn-outline btn-sm">
                <i class="fa fa-edit"></i>修改3
            </a>
            <a href="javascript:void(0);" v-on:click="doDeleteStageRow(site.sn)" class="btn btn-danger btn-outline btn-sm">
                <i class="fa fa-times"></i>删除3
            </a>
        </td>
        </template>
        <template v-if="site.stageNum == '全款'">
            <td  class="center" style="vertical-align: middle">
            <a href="javascript:void(0)" v-on:click="editAllInfo(site.sn)" class="btn btn-info btn-outline btn-sm">
                <i class="fa fa-edit"></i>修改2
            </a>
            <a href="javascript:void(0);" v-on:click="doDeleteAllRow(site.sn)" class="btn btn-danger btn-outline btn-sm">
                <i class="fa fa-times"></i>删除2
            </a>
            </td>
        </template>
    </tr>
</tbody>

<select id="stageNum2" v-model="stageNum" class="form-control">
    <option value="">期数选择</option>
    <option  v-for="stage in optionsNeed.stagesInfo" :value="stage.sn" >{{stage.name}}</option>
</select>