vue element ui table组件列宽可以拖拽调整大小，某一列可以禁止拖拽调整大小

在Vue中使用Element UI的Table组件时，可以通过设置列属性resizable为false来禁止拖拽调整特定列的宽度。

以下是一个简单的例子，展示了如何禁止调整第一列的宽度：

<template>
  <el-table
    :data="tableData"
    style="width: 100%">
    <el-table-column
      prop="date"
      label="日期"
      width="150"
      resizable="false">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="200"
      resizable>
    </el-table-column>
    <el-table-column
      prop="address"
      label="地址"
      resizable>
    </el-table-column>
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [{
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-04',
        name: '李小虎',
        address: '上海市普陀区金沙江路 1517 弄'
      }]
    }
  }
}
</script>

在这个例子中，我们有三列数据。第一列“日期”被设置了resizable="false"，这意味着用户不能拖动这一列的宽度。第二列和第三列没有设置resizable属性，默认是可拖动调整宽度的。