vue3 univer 设置单元格不可编辑

Vue 3 是一个流行的前端框架，而 Element Plus 是基于 Vue 3 的一套桌面端组件库，其中包含了一个表格组件叫做 `el-table`。如果你提到的 "univer" 指的是 Element Plus 中的 `el-table` 组件，那么可以通过设置单元格内容的属性来达到不可编辑的效果。

在 `el-table` 组件中，可以通过定义 `column` 的属性来控制单元格是否可编辑。通常，`el-table` 使用 `type="index"` 或者 `type="selection"` 这样的属性来定义不可编辑的列。如果你希望某列不可编辑，可以使用 `formatter` 函数来返回一个固定的值，或者返回一个只读的模板。

以下是设置单元格不可编辑的一个例子：

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="date" label="日期" width="180"></el-table-column>
    <el-table-column prop="name" label="姓名" width="180">
      <!-- 使用 formatter 属性使该列不可编辑 -->
      <template #default="scope">
        {{ scope.row.name }}
      </template>
    </el-table-column>
    <!-- 其他列... -->
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [{
        date: '2016-05-02',
        name: '王小虎',
        // 其他数据...
      }, {
        date: '2016-05-04',
        name: '王小虎',
        // 其他数据...
      }]
    };
  }
}
</script>

在这个例子中，`name` 列通过 `#default` 插槽定义了内容，并通过 `formatter` 函数返回了不可编辑的值，这样用户就无法编辑这个单元格的内容。