vue+element在el-table-column中寫v-if

如圖：在列表中顯示物品狀態是否歸還，若已歸還可以點擊查看歸還詳情

<el-table-column prop="sfgh" label="是否歸還" align="center">
                <template scope="scope">
                    <p v-if="scope.row.sfgh=='0'">
                        <el-button  href="javascript:void(0)" @click="getWzghInfo(scope.$index, scope.row)">已歸還</el-button>
                    </p>
                    <p v-if="scope.row.sfgh=='1'">未歸還</p>
                    <p v-if="scope.row.sfgh=='2'">未還清</p>
                </template>
            </el-table-column>

 <template scope="scope">：可以通過scope.row.鍵名，獲取所在行的某一列的數據

效果如圖：