????? 您能在閱讀量那么多的文章中翻到這篇，說明您的問題還沒有得到解決。請看內容。

js方獲得前端頁面wxml表單中的內容，有多種方法。一種是 name的方式，一種是value的方式。兩種方式傳值其他博客都可以搜索到，我在簡答說明一下。

name傳值

wxml：

<input? name='name'></input>

js

let {name} = e.detail.value

通過以上的方式可以獲得name的傳值

?

value傳值

wxml:

<input value="{{name}}"></input>

js

寫自己的提交方法，在方法中給進行setData賦值

add：function() {

this.setData({

name:e.value.name

}）

}

現在想要使用name傳值，又可以清空內容

我就把兩種合并了一下

wxmld 的代碼

<view class='message-page'><form bindsubmit="formSubmit" ><view><text>主題:</text><input value="{{name}}" name='name'></input></view><view><text>聯系方式:</text><input value='{{phone}}' name='phone'></input></view><view><text>內容:</text><textarea class='content' value="{{content}}" name="content"></textarea></view><button formType="submit">提交</button></form> </view>

?

var time = require('../../../utils/util.js'); Page({/*** 頁面的初始數據*/data: {name:'', phone:'', content:''},/*** 生命周期函數--監聽頁面加載*/onLoad: function (options) {},formSubmit:function(e) {let { name,phone, content } = e.detail.value;console.log(e.detail)var that = this;this.setData({name, phone, content})if (typeof (name) == "undefined" || typeof (phone) == "undefined" || typeof (content) == "undefined" ) {// 提示this.prompt("提交失敗,提交內容有空");// 清空this.empty();} else {wx.cloud.callFunction({name: 'message',data: {name,phone,content,data: time.formatTime(new Date(), 'h:m')}}).then(res => {// 清空this.empty();if (res.errMsg.search('ok') != -1) {this.prompt("提交成功");}})}},// 清空函數empty:function() {this.setData({name: '',phone: '',content: ''})},// 提示函數prompt:function(e) {wx.showModal({title: '提示消息',content: e,})}})

?

不多解釋，如果有錯誤，可以加我qq：1832251531聯系，其他問題，可以評論區留言。感謝您的到來。

?

?

?

?

總結

以上是生活随笔為你收集整理的微信小程序云开发表单使用 name的形式提交后如何清空输入内容的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。