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:'',
                },