Vue.js 刷新v型

我正在开发问题纸应用程序。

一旦我键入一个问题并点击“+”按钮，问题就会进入问题纸数组，计数器增加1。 问题是在我点击“+”按钮之后，我之前输入的问题仍然在UI的字段中因为我使用v-model绑定数据字段。

我想要的是一种方法来清除UI中以前的问题数据。 这类似于重置按钮功能

问题{{counter}}




1.回答


2.回答


3.回答


4.回答


知识领域
数学
语言技能
常识
其他



保存问题纸

从“axios”导入axios；
var问卷=[]；
导出默认值{
数据（）{
返回{
问题：''，
回答1:“，
回答二:",，
回答三:",，
回答四:",，
正确答案：''，
知识领域：''，
柜台:1,，
秀：真的
}
},
方法：{
onSubmit（）{
},
pushToArray（）{
常量formData={
问:这个问题,，
正确答案：这个，
回答1：这个，
回答2：这个，
回答三：这个，
回答四：这个，
knowledgeArea:this.knowledgeArea
}
这个.counter++；
问卷。推送（formData）；
}
}
}

创建一个模板数据变量用作重置。比如说

const templateData={
问题：''，
回答1:“，
回答二:",，
回答三:",，
回答四:",，
正确答案：''，
知识区：“”
}
导出默认值{/。。。

使用它来设置初始数据

data（）{
返回{
柜台:1,，
秀：没错，
…模板数据
}
}

现在，您可以在

pushToArray

方法中轻松重置数据，例如

questionPaper.push（formData）；
分配（此，templateData）；