使用插槽后,动态控制button不生效
控制button动态切换是否禁用状态,由于button位于插槽内,导致数据改变,按钮状态并未改变。
使用插槽自定义表头,会遇到插槽里面数据不更新问题,插槽使用 slot=“header” 应改成 #header,即可解决插槽内数据不更新
<el-table
v-loading="tableLoading"
:data="tableData"
:element-loading-text="$t('common.loading')"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
style="width: 100%"
:stripe="true"
:span-method="objectSpanMethod"
:header-row-style="headerShowSelect"
:header-row-class-name="headerFirst"
>
<el-table-column>
<template #header>
<div class="table_header">
<div class="table_header_title">
<span>{{ file }}</span>
</div>
<div class="table_header_right">
<el-button type="text" :disabled="false" @click.stop="upload()">{{
"上传"
}}</el-button>
<el-button type="text" :disabled="!isabled" @click.stop="edit()">{{
'编辑'
}}</el-button>
<el-button type="text" :disabled="false" @click.stop="search()">{{
'查看'
}}</el-button>
</div>
</div>
</template>
<el-table-column
width="100"
align="center"
prop="first"
/>
<el-table-column
prop="record"
/>
</el-table-column>
</el-table>