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>
相关推荐
Liamhuo13 分钟前
2.1.7 network-浏览器-前端浏览器数据存储
前端·浏览器
洋葱头_14 分钟前
vue3项目不支持低版本的android,如何做兼容
前端·vue.js
前端小书生23 分钟前
React 组件渲染
前端·react.js
sjd_积跬步至千里28 分钟前
CSS实现文字横向无限滚动效果
前端
维他AD钙30 分钟前
前端基础避坑:3 个实用知识点的简单用法
前端
journs31 分钟前
micro-app微前端styled-components CSSOM模式 应用切换样式丢失问题
前端
呼啦啦小魔仙32 分钟前
elpis项目DSL设计分享
前端
李李记32 分钟前
别让 “断字” 毁了 Canvas 界面!splitByGrapheme 轻松搞定非拉丁文本换行
前端·canvas
来金德瑞33 分钟前
快速掌握 ProseMirror 的核心概念
前端
ygria37 分钟前
样式工程化:如何实现Design System
前端·前端框架·前端工程化