el-table中嵌入el-input但是无法输入
时间: 2023-08-14 19:02:49 浏览: 632
详解elementUI中input框无法输入的问题
如果你在 `el-table` 中嵌入了 `el-input` 但是无法输入,可能是由于 `el-table` 的滚动条和 `el-input` 的焦点冲突导致的。你可以尝试在 `el-table` 上添加 `@click.native` 事件,然后在事件处理程序中使用 `$refs` 获取 `el-input` 并手动聚焦它,例如:
```html
<el-table @click.native="$refs.input.focus()">
<el-table-column prop="name">
<template slot-scope="{row}">
<el-input ref="input" v-model="row.name"></el-input>
</template>
</el-table-column>
</el-table>
```
这样,当你点击 `el-table` 时,就会自动聚焦到相应的 `el-input` 中,然后你就可以开始输入了。
阅读全文