iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >微信小程序如何清空当前页面数据
  • 416
分享到

微信小程序如何清空当前页面数据

2024-04-02 19:04:59 416人浏览 安东尼
摘要

微信小程序清空当前页面数据的案例:在wmxl文件添加以下代码。<fORM bindreset='changeReset'>    <input n

微信小程序如何清空当前页面数据

微信小程序清空当前页面数据的案例:

在wmxl文件添加以下代码。

<fORM bindreset='changeReset'>

    <input name='name' type='text' placeholder='姓名' bindinput='addName'></input>

    <input name='phone' type='number' maxlength='11' placeholder='电话' bindinput='addPhone'></input>

    <button from-type='reset' bindtap='openToast' wx:if='{{panduan==0}}'>确认提交</button> 

    <button from-type='reset' bintap='sendData' wx:else>确认提交</button>

</form>

js文件添加以下代码。

const db = wx.cloud.database().collection('data')

let name

let phone

data:{

    panduan:0,

},

addName:function(event){

    name=event.detail.value

    this.setData({

        panduan:1,

    })

},

addPhone:function(event){

    phone=event.detail.value

    })

},

sendData:function(){

    db.add({

        data:{

            name:name,

            phone:phone,

        },

        success:function(res){

            wx.showToast({

                title:'提交成功!',

                icon:'success',

                duration:1500

            })

        }

    })

},

openToast:function(){

    wx.showToast({

        title:'请输入信息!',

        icon:'none',

    })

},

changeReset:function(){

    this.setData({

        panduan:0,

    })

}

--结束END--

本文标题: 微信小程序如何清空当前页面数据

本文链接: https://www.lsjlt.com/news/112378.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 微信小程序如何清空当前页面数据
    微信小程序清空当前页面数据的案例:在wmxl文件添加以下代码。<form bindreset='changeReset'>    <input n...
    99+
    2022-10-06
  • 微信小程序如何切换当前页面
    微信小程序通过左右滑动切换当前页面,实现方法:在wxml文件中绑定事件,代码:<view class="container" bindtouchstart="touchStart&qu...
    99+
    2022-10-05
  • 微信小程序如何设置刷新当前页面
    使用this.onShow()函数实现刷新当前页面首先,进入微信开发者工具,打开小程序文件目录;在文件目录中,依次查找:utils/app.json文件;最后,在app.js中,定义一个全局变量Flag,默认值为false,再调用接口获取数...
    99+
    2022-10-03
  • 微信小程序怎么传参给当前页面
    微信小程序传参给当前页面的方法:用 navigator标签传值或 wx.navigator。<navigator class="hotCateColumn" url="../detai...
    99+
    2022-10-21
  • uni-app 微信小程序 保存当前页面为图片
    由于在微信小程序环境下面没法获取dom,很多方法都很难去实现保存html结构的页面,比较有效的#painter 可以不需要操作dom,但是那玩意儿和重新用js写个页面一样,简单的页面还好,复杂的,元素比较多的就很麻烦,所以考虑用webvie...
    99+
    2023-09-13
    微信小程序 uni-app 小程序 vue.js Powered by 金山文档
  • 微信小程序页面如何获取数据
    微信小程序页面获取数据的案例:获取page数据,代码:var text=this.data.name ,这样就获取到初始化的值。page({data:{name:"test"},showData:function(){v...
    99+
    2022-10-07
  • 微信小程序开发中如何动态设置当前页面的标题
    这篇“微信小程序开发中如何动态设置当前页面的标题”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“微信小程序开发中如何动态设置当前页面的标题”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的...
    99+
    2023-06-26
  • 小程序如何获取当前页面URL
    本篇内容介绍了“小程序如何获取当前页面URL”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!使用getCurrentPages可以获取当前加载...
    99+
    2023-06-26
  • 微信小程序页面间如何传递数据
    微信小程序页面间实现传递数据的几种方法使用url通过option获取值//定义url,并赋值wx.navigateTo({url: 'testid=1'})//使用option获取值url的值Page({data:{id:'',},onLo...
    99+
    2022-10-18
  • 小程序如何实现关闭当前页面
    这篇“小程序如何实现关闭当前页面”除了程序员外大部分人都不太理解,今天小编为了让大家更加理解“小程序如何实现关闭当前页面”,给大家总结了以下内容,具有一定借鉴价值,内容详细步骤清晰,细节处理妥当,希望大家通过这篇文章有所收获,下面让我们一起...
    99+
    2023-06-26
  • 小程序如何获取当前页面的id
    小程序获取当前页面id的案例:.wxml文件代码:          <block wx:for-items="{...
    99+
    2022-10-13
  • 小程序如何关闭当前页面返回上一页面
    这篇“小程序如何关闭当前页面返回上一页面”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“小程序如何关闭当前页面返回上一页面”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢理解,接下来...
    99+
    2023-06-26
  • 微信小程序页面如何传递参数
    微信小程序页面传递参数的示例:示例1:在对应的wxml文件中添加以下代码:<block wx:for="{{postList}}" wx:for-item="item"&nb...
    99+
    2022-10-20
  • 微信小程序页面如何跳回主页
    微信小程序页面跳回主页的方法:微信小程序页面跳转是通过navigator来实现的,而navigator是通过它的属性open-type的合法值,因此在wxml页面中设置open-type的合法值来选择跳转方式。<navigator&n...
    99+
    2022-10-25
  • 微信小程序页面间如何传id
    微信小程序页面间传id的方法:在.wxml文件中添加以下代码<block wx:for-items="{{newGoods}}" wx:key="id"> &...
    99+
    2022-10-20
  • 微信小程序 操作完当前页面会,自动返回上一级页面,上一级页面自动刷新
    小程序页面有5个声明周期: 是由onLoad(页面加载)、onReady(页面初次渲染完成)、onShow(页面显示)、onUnload(页面卸载)   实现返回上一页的时候 其实是直接将隐藏的页面显示出来,所以不存在页面的再次加载 A页...
    99+
    2023-10-06
    微信小程序 小程序 前端 javascript
  • 微信小程序如何向父页面传递参数
    在微信小程序中利用小程序盏队功能向父页面传递参数,实现代码如下:let pagetotal = getCurrentPages(),//获取盏队thispage = pagetotal[pagetotal.length - 1],//子页面...
    99+
    2022-10-04
  • 微信小程序页面间的数组如何传递
    微信小程序页面间的数组的传递案例:设置全局变量 globalData代码。// A页面// 数组、对象都需要stringifyvar listData = JSON.stringify(th...
    99+
    2022-10-18
  • 微信小程序如何异步获取当前storage的相关信息
    这篇“微信小程序如何异步获取当前storage的相关信息”除了程序员外大部分人都不太理解,今天小编为了让大家更加理解“微信小程序如何异步获取当前storage的相关信息”,给大家总结了以下内容,具有一定借鉴价值,内容详细步骤清晰,细节处理妥...
    99+
    2023-06-26
  • 微信小程序如何同步获取当前storage的相关信息
    这篇文章主要为大家展示了微信小程序如何同步获取当前storage的相关信息,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“微信小程序如何同步获取当前storage的相关信息”这篇文章吧。同步获取当前...
    99+
    2023-06-26
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作