el-table中嵌入el-input但是无法输入

在使用element-ui中的el-table嵌入el-input时，有时候会遇到无法输入的情况，这个问题一般是由以下几个原因引起的：

1. 未正确绑定数据：el-input需要绑定v-model指令来获取用户输入的值，如果绑定不正确，就会导致无法输入。所以要检查v-model的值是否正确，或者是不是被其他指令覆盖掉了。

2. 缺少v-model的后缀：el-input组件需要设置一个后缀插槽（slot="suffix"）来显示清空按钮或者其他图标，如果没有设置，就会导致点击输入框无法输入。

3. 未设置table的高度：el-table组件默认高度为自适应高度，需要设置它的高度，否则会出现滚动条，导致无法输入。

4. 其他因素：还有可能是其他因素导致输入框无法输入，这时可以检查一下页面中是否有其他的元素覆盖了输入框，或者是输入框被禁用了。

综上所述，如果出现el-table中嵌入el-input但是无法输入的情况，可以逐个排查以上可能的原因，进行相应的调整和修复。

相关问题

el-table 中嵌入el-input

在el-table中嵌入el-input的方法如下：
1. 首先，确保你已经安装了element-ui@2.12.0以及el-table-infinite-scroll插件。
2. 在el-table的列定义中，使用scoped slot来自定义每个单元格的内容。例如，你可以在<template>标签中添加一个slot来嵌入el-input组件。

示例代码如下：

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名">
    <template slot-scope="scope">
      <el-input v-model="scope.row.name" placeholder="请输入姓名"></el-input>
    </template>
  </el-table-column>
</el-table>

在这个示例代码中，我们在el-table的列定义中添加了一个scoped slot，通过v-model绑定了输入框的值到tableData中的name字段。

这样，当表格打开时，输入框会回显数据并且可以进行修改。你可以根据需要进一步自定义el-input的属性和事件来实现更多功能。

另外，如果你想要在当前行聚焦时进行文本的编辑或下拉框的选择，你可以使用highlight-current-row这个样式，并设置el-table的highlight-current-row属性为true。 这样，当你点击某一行时，该行会被高亮显示，你可以在这个状态下进行编辑或选择操作。

希望这些信息对你有帮助！如果你还有其他问题，请随时提问。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [el-table-infinite-scroll:El-Table无限滚动](https://download.csdn.net/download/weixin_42131861/19079535)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [el-table中嵌入el-input无法输入](https://blog.csdn.net/weixin_46410488/article/details/130961364)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [el-table嵌入输入框](https://blog.csdn.net/weixin_59213769/article/details/128672090)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]

el-table中嵌入el-input是无法改变

如果你在 `el-table` 中嵌入了 `el-input` 但是无法改变它的值，可能是由于 `el-table` 的数据绑定机制导致的。`el-table` 是基于虚拟 DOM 实现的，当你在 `el-input` 中输入内容时，`el-table` 会重新渲染整个表格，这样就会导致你输入的内容被覆盖掉。

解决这个问题的方法是在 `el-table` 组件上使用 `:row-key` 属性，指定一列作为每一行的唯一标识符，这样 `el-table` 就能够正确地更新相应的行数据。例如：

<el-table :data="tableData" :row-key="row => row.id">
  <el-table-column prop="name">
    <template slot-scope="{row}">
      <el-input v-model="row.name"></el-input>
    </template>
  </el-table-column>
</el-table>

在这个例子中，我们将 `:row-key` 属性设置为 `row.id`，因为我们的数据中有一个叫做 `id` 的字段，它可以唯一地标识每一行。这样，当你在 `el-input` 中输入内容时，`el-table` 就会正确地更新相应的行数据，而不会覆盖掉你输入的内容。