鍍金池/ 問答/HTML/ element彈窗里面的內(nèi)容清空?

element彈窗里面的內(nèi)容清空?

<el-button type="primary" class="btn" @click.native="addCategory('form')">添加分類</el-button>
<el-dropdown-item @click.native="editor(scope.$index, tableData)">編輯</el-dropdown-item> <!-- Form -->
<el-dialog title="添加分類" :visible.sync="dialogFormVisible" @close='closeDialog'>

<el-form :model="form" ref="form">
   
   <el-button type="warning" @click.native="submitTo">提交</el-button>
<el-form>

</el-dialog>
要提交刪除都清空表單內(nèi)容使用this.$refs[formName].resetFields();都會(huì)報(bào)錯(cuò)resetFields undefined

methods:{
 submitTo() {
    this.dialogFormVisible = false
    console.log(this.form)
 },
    editor(index) {
        this.dialogFormVisible = true
        vm.form=eform
    },
    closeDialog() {
    },
}
回答
編輯回答
涼心人

this.$refs[formName].resetFields();

恕我直言 我看了半天沒看到你在哪里調(diào)用這個(gè)

然后 如果你是直接用上面這句代碼 肯定報(bào)錯(cuò)
el-form 的ref 是什么值
this.$refs['ref的值'].resetFields()
是這種調(diào)用方式

2017年3月14日 11:45
編輯回答
我不懂

是因?yàn)闆]有獲取到ref的值圖片描述

2018年7月16日 11:16