后端人員 做了一個彈窗 代碼如下
<div class="add-form">
<el-dialog title="審批" :visible.sync="dialogFormVisibleRatify">
<template>
<el-tabs v-model="activeName" type="card">
<el-tab-pane label="審批" name="first">
<el-form label-position="right" label-width="100px">
<el-row>
<el-col :span="12">
<el-form-item label="處理人">
<el-input v-model="formData.handle_man"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="下一環節">
<el-select v-model="value" placeholder="請選擇">
<el-option
v-for="item in typeList"
:key="item.value"
:label="item.label"
:value="https://bbs.csdn.net/topics/item.value"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item v-if="showter" label="終端id">
<el-autocomplete
class="inline-input"
v-model="inputName"
:fetch-suggestions="querySearch"
placeholder="請輸入終端id"
@select="handleSelect"
></el-autocomplete>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="備注">
<el-input v-model="formData.remark" type="textarea"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-tab-pane>
<el-tab-pane label="退回" name="second">
<el-form label-position="right" label-width="100px">
<el-row>
<el-col :span="12">
<el-form-item label="處理人">
<el-input v-model="backData.handle_man"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="下一環節">
<el-select v-model="valuess">
<el-option
v-for="item in downList"
:key="item.value"
:label="item.label"
:value="https://bbs.csdn.net/topics/item.value"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="備注">
<el-input v-model="backData.remark" type="textarea"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-tab-pane>
</el-tabs>
</template>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="handleupRatify()">審批</el-button>
<el-button type="primary" @click="handleupback()">退回</el-button>
</div>
</el-dialog>
</div>
這是彈窗的界面

現在的需求是點擊左上角的審批則隱藏退回按鈕 點擊左上角的退回隱藏審批按鈕
給按鈕加v-if 根據條件判斷隱藏 但是不知道用什么來作條件 不知道怎么實作 各位前端大佬幫忙看一下 萬分感謝!!!
uj5u.com熱心網友回復:
左上角審批跟退回里面的內容不一致 本來是兩個彈窗現在合成了一個 然后就是用了兩個el-tab-pane轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/228674.html
標籤:HTML(CSS)
