vue项目中,在el-dialog 对话框里使用ref获取表格,报undefined, 怎么解决
时间: 2024-02-24 14:53:41 浏览: 70
vue中使用refs定位dom出现undefined的解决方法
在 `el-dialog` 对话框中使用 `ref` 获取表格时,需要确保 `el-dialog` 已经被渲染出来了,可以在 `this.$nextTick` 中获取 `ref`。具体的代码示例如下:
```html
<el-dialog ref="myDialog">
<el-table ref="myTable"></el-table>
</el-dialog>
```
```javascript
export default {
mounted() {
this.$nextTick(() => {
const dialog = this.$refs.myDialog;
const table = this.$refs.myTable;
console.log(dialog, table);
});
},
};
```
在 `mounted` 钩子函数中使用 `this.$nextTick` 可以确保 `el-dialog` 已经被渲染出来了,此时再通过 `refs` 获取表格就不会报 `undefined` 了。
阅读全文