工作记录7：el-table使用v-show控制显示隐藏无效

在el-table中使用v-show，实际效果是没有生效的

<el-table-column
    v-show="!hiddenButton"
    align="center"
    label="Operate"
>
    <template>
        <el-button
            size="mini"
            type="text"
            @click="del"
        >
            =elete
        </el-button>
    </template>
</el-table-column>

v-show控制显示隐藏实际上是使用的display属性的none，而el-table中使用的display：table-cell， table-cell的优先级是高于none的，所以v-show是不生效的

将v-show改为v-if，这时是可以的，v-if是从DOM树中删除或者添加DOM元素

<el-table-column
    v-if="!hiddenButton"
    align="center"
    label="Operate"
>
    <template>
        <el-button
            size="mini"
            type="text"
            @click="del"
        >
            =elete
        </el-button>
    </template>
</el-table-column>