vue 判断表格字段没有值 button不能点击

你可以在表格中的字段上绑定一个计算属性，这个计算属性会根据该字段是否有值来返回一个布尔值。然后你可以使用这个布尔值来控制按钮的禁用状态。

例如，假设你的表格数据是一个数组 `tableData`，其中每个元素都有一个 `name` 字段。你想要当某个元素的 `name` 字段为空时，让对应的按钮不能点击。你可以这样做：

在你的表格列定义中，为 `name` 字段绑定一个计算属性 `hasName`，它会根据该字段是否有值来返回一个布尔值：

<el-table-column prop="name">
  <template #default="scope">
    <span>{{ scope.row.name }}</span>
  </template>
  <template #header>
    <span>名称</span>
  </template>
</el-table-column>

computed: {
  hasName() {
    return this.tableData.some(item => !!item.name)
  }
}

然后，你可以将这个计算属性绑定到按钮的 `:disabled` 属性上，来控制按钮的禁用状态：

<el-button :disabled="!hasName">保存</el-button>

这样，当 `tableData` 中所有元素的 `name` 字段都为空时，按钮会自动被禁用。