vue系列---【vue使用ref获取高度为underfind和resetFields()重置功能无效】

1.开发情景：vue页面实现表单重置功能 和获取高度，采用的是ref获取节点 ，首先在form上绑定ref="form",

最后在生命周期中 比如created中 获取节点this.$refs['form']，现在要获取高度，this.$refs['form'].clientHeight返回underfind；this.$refs[formaName].resetFields()无效；

2.解决方法：

this.$refs['form'].clientHeight返回underfind问题：解决代码如下：

this.$refs['form'].$el.clientHeight

this.$refs[formaName].resetFields()无效问题,解决代码如下:

1.form必须要有ref属性ff

2.form必须绑定：model

3.form的el-form-item中必须要有prop属性**(这一步才是导致不生效的原因,一定要注意)

 <el-form :model="form" class="demo-form-inline" label-width="80px" ref="form">
    <el-form-item label="用户名称" prop="userName">
    </el-form-item>
    <el-form-item label="手机号码" prop="phone">
    </el-form-item>
</el-form>
​
<script>
    export default {
        data () {
            return {
                form:{
                    userName:'',
                    userName:'',
                },