[JavaScript知识库]element技巧

排序（:sortable=“item.title==‘是否排查’”）

<el-table-column
        :key="index"
        :label="item.title"
        :prop="item.value"
        :sortable="item.title=='是否排查'"
        v-for="(item,index) in tableHeaderList" :type="item.type" :width="item.width" v-if="item.value.indexOf('Id') < 0">
    <template slot-scope="scope">
        <template v-if="scope.column.label !== '企业'">
            <el-link @click="search(scope)">{{scope.row[scope.column.property]}}</el-link>
        </template>
        <template v-else>
            {{scope.row[scope.column.property]}}
        </template>
    </template>
</el-table-column>

<el-select
    v-model="scope.row[scope.column.property]"
    v-else-if="head.isEditable && isEdit && scope.$index === rowIndex"
    placeholder="请选择" @change="handleFormChange(scope,head)">
    <el-option label="已完成" value="已完成"></el-option>
    <el-option label="未完成" value="未完成"></el-option>
</el-select>

加属性宽度与隐藏

:show-overflow-tooltip="item.width > 0" :width="item.width"