uni-app:重置表单数据

效果

代码

html 复制代码
<template>
  <form>
    <input type="text" v-model="inputValue" placeholder="请输入信息"/>
	<input type="text" v-model="inputValue1" placeholder="请输入信息"/>
	<input type="text" v-model="inputValue2" placeholder="请输入信息" />
    <button @click="resetForm">重置表单</button>
  </form>
</template>
<script>
export default {
  data() {
    return {
		inputValue: '',
		inputValue1: '',
		inputValue2: ''
    }
  },
  methods: {
    resetForm() {
      this.inputValue = '';
	  this.inputValue1 = '';
	  this.inputValue2 = '';
    }
  }
}
</script>
相关推荐
Json____1 分钟前
学法减分交管12123模拟练习小程序源码前端和后端和搭建教程
前端·后端·学习·小程序·uni-app·学法减分·驾考题库
迂 幵10 分钟前
vue el-table 超出隐藏移入弹窗显示
javascript·vue.js·elementui
上趣工作室14 分钟前
vue2在el-dialog打开的时候使该el-dialog中的某个输入框获得焦点方法总结
前端·javascript·vue.js
家里有只小肥猫14 分钟前
el-tree 父节点隐藏
前端·javascript·vue.js
fkalis15 分钟前
【海外SRC漏洞挖掘】谷歌语法发现XSS+Waf Bypass
前端·xss
陈随易1 小时前
农村程序员-关于小孩教育的思考
前端·后端·程序员
云深时现月1 小时前
jenkins使用cli发行uni-app到h5
前端·uni-app·jenkins
昨天今天明天好多天1 小时前
【Node.js]
前端·node.js
亿牛云爬虫专家2 小时前
Puppeteer教程:使用CSS选择器点击和爬取动态数据
javascript·css·爬虫·爬虫代理·puppeteer·代理ip
2401_857610032 小时前
深入探索React合成事件(SyntheticEvent):跨浏览器的事件处理利器
前端·javascript·react.js