el-table 里嵌套input 框，当我点击input框的时候，获取该el-table行的数据

在 el-table 中嵌套 input 框，可以通过以下方式获取该行数据：

1. 给 input 绑定一个事件，比如 @focus 或者 @click，代码如下：

<el-table :data="tableData">
  <el-table-column label="姓名" prop="name">
    <template slot-scope="scope">
      <el-input v-model="scope.row.name" @focus="handleFocus(scope.row)"></el-input>
    </template>
  </el-table-column>
  <el-table-column label="年龄" prop="age"></el-table-column>
</el-table>

2. 在事件处理函数中，获取该行数据，代码如下：

methods: {
  handleFocus(row) {
    console.log(row); // 输出该行数据
  }
}

在这个例子中，我们使用了 slot-scope 来获取每一行的数据，然后将数据传递给事件处理函数 handleFocus。在 handleFocus 函数中，我们可以通过 row 参数来获取该行数据，然后进行相应的处理。

相关问题

el-table嵌套el-input不能输入

el-table嵌套el-input不能输入的问题可能是由于以下原因导致的：

1. el-input组件没有绑定双向响应式数据(v-model)。
2. 组件嵌套太深还是该组件是一个坑(具体原因不清楚，只知道解决方法)。

解决方案如下：

1. 在data中定义一个变量，然后在el-input组件中使用v-model进行双向数据绑定，这样子就会解决el-input组件无法输入的问题了。
2. 将el-input组件放在el-table组件外部，或者使用其他组件代替el-input组件。

以下是两种解决方案的代码示例：

1. 在el-table中使用v-model进行双向数据绑定

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄">
    <template slot-scope="scope">
      <el-input v-model="scope.row.age"></el-input>
    </template>
  </el-table-column>
</el-table>

2. 将el-input组件放在el-table组件外部

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄">
    <template slot-scope="scope">
      {{ scope.row.age }}
    </template>
  </el-table-column>
</el-table>
<el-input v-model="inputValue"></el-input>

el-table嵌套el-input节点样式

如果您想在el-table中嵌套el-input节点并自定义其样式，可以使用scoped slot和CSS样式来实现。

首先，在您的el-table组件中，使用scoped slot来定义一个slot-scope，如下所示：

<el-table :data="tableData">
  <el-table-column label="姓名" prop="name">
    <template slot-scope="{ row }">
      <el-input v-model="row.name" class="custom-input"></el-input>
    </template>
  </el-table-column>
</el-table>

然后，在您的样式表中，通过给.custom-input类添加样式来自定义el-input节点的样式，如下所示：

.custom-input {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 14px;
}

这样就可以自定义el-input节点的样式了。当您在el-table中编辑数据时，您的自定义样式将应用于el-input节点。