如何清除input框中的数据

想写一个清除表单中input框的按钮,其中可能会有select数据。
代码中使用form表单包裹input框,调用表单清除却无法清除Input框中数据
img
直接将绑定的数据为空的话,可以清除后台数据,但是input框中依旧显示
img
img

困扰了很久,内容确实被清除了,但是input框中还有,原因应该是input中双向绑定的数据没有与清除按钮中的数据关联

求指点!谢谢

this.form={}下面加个this.$forceUpdate()试试

reset一下

点击的时候
this.form={
name:" ",
age:" ",
}

可能和 prop 字段有点关系.
可以尝试使用用 for in 遍历form 表单对象, 置空每一个参数.