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>
相关推荐
Liu.7741 小时前
uniappx鸿蒙适配
前端
山有木兮木有枝_2 小时前
从代码到创作:探索AI图片生成的神奇世界
前端·coze
ZXT2 小时前
js基础重点复习
javascript
言兴2 小时前
秋招面试---性能优化(良子大胃袋)
前端·javascript·面试
WebInfra4 小时前
Rspack 1.5 发布:十大新特性速览
前端·javascript·github
雾恋4 小时前
我用 trae 写了一个菜谱小程序(灶搭子)
前端·javascript·uni-app
烛阴5 小时前
TypeScript 中的 `&` 运算符:从入门、踩坑到最佳实践
前端·javascript·typescript
Java 码农6 小时前
nodejs koa留言板案例开发
前端·javascript·npm·node.js
ZhuAiQuan6 小时前
[electron]开发环境驱动识别失败
前端·javascript·electron
nyf_unknown6 小时前
(vue)将dify和ragflow页面嵌入到vue3项目
前端·javascript·vue.js