el-table에서 소품에 따라 다른 텍스트가 표시됩니다.

<el-table-column prop="sex" label="性别" min-width="10">
<template #default="scope">
<span  v-if="scope.row.sex =='1'" style="color:green;">男</span>
<span  v-if="scope.row.sex =='0'" style="color:red;">女</span>
</template>
</el-table-column>

즉, 성별로 반환되는 값에 따라 표시되는 성별도 다릅니다.

물론 남성 또는 여성을 직접 클릭하여 성별을 수정한 후 <span>을 <el-button>으로 직접 수정하는 기능을 사용할 수도 있습니다. 그런 다음 메서드를 버튼에 바인딩합니다.

Guess you like

Origin blog.csdn.net/guapilixianghe/article/details/126937857