在Vue 3中,要获取el-table元素的高度,你可以使用Vue 3的ref特性来引用DOM元素,并访问其属性以获取高度信息。以下是详细的步骤和代码示例: 引用el-table元素: 在模板中使用ref属性来引用el-table元素。 在脚本中获取引用: 在setup函数中,使用ref函数来声明一个引用变量,并在模板中将其绑定到el-table元素上。 访...
<template> <div class="container"> <CTable :api="getData" row-key="filePath" ref="cTable" @load-finish="loadFinish"> <template #filter> <el-form-item> <el-input></el-input> </el-form-item> </template> <el-table-column label="测试">111</el-table-column> <el-table-column la...
dom结构:<el-dialog title="添加信息项"v-model="dialogVisible"width="800px"> <el-form :model="info"label-width="180px"style="width: 400px; margin-left:50px;"ref="addData":rules="rules"> <el-form-item label="信息项名称" prop="name"> <el-input v-model="info.name"></el-input...
dom结构:<el-dialog title="添加信息项"v-model="dialogVisible"width="800px"> <el-form :model="info"label-width="180px"style="width: 400px; margin-left:50px;"ref="addData":rules="rules"> <el-form-item label="信息项名称" prop="name"> <el-input v-model="info.name"></el-input...
vue3 获取el-dialog里面的dom结构 + 深拷贝 因为在vue3里方法都是在setup里面,dialog刚加载过来时是不存在的所以获取不到里面的dom结构 而setup里面不存在this,所以可以在页面执行方法的时候传入this,从而获取到dom:示例…… 下列代码是获取dialog里面