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>
相关推荐
LaughingDangZi2 分钟前
vue+java分离项目实现微信公众号开发全流程梳理
java·前端·后端
爬山算法3 分钟前
Netty(14)如何处理Netty中的异常和错误?
java·前端·数据库
再出发Start11 分钟前
并发事务 A/B 如何避免互相影响(UPDATE 有交集
前端
Running_slave11 分钟前
聊聊TCP滑窗的一些有趣“病症”
前端·网络协议·tcp/ip
恋猫de小郭12 分钟前
再次紧急修复,Flutter 针对 WebView 无法点击问题增加新的快速修复
android·前端·flutter
1024肥宅15 分钟前
浏览器存储 API:全面解析与高级实践
前端·数据库·浏览器
HIT_Weston16 分钟前
63、【Ubuntu】【Gitlab】拉出内网 Web 服务:Gitlab 配置审视(七)
前端·ubuntu·gitlab
jinxinyuuuus19 分钟前
vsGPU:硬件参数的数据仓库设计、ETL流程与前端OLAP分析
前端·数据仓库·etl
小信丶1 小时前
解决 pnpm dev 报错:系统禁止运行脚本的问题
前端·vue.js·windows·npm