微信小程序入门一个
Posted yp703
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了微信小程序入门一个相关的知识，希望对你有一定的参考价值。
1、index.wxml内容如下：
<!--index.wxml-->
<view class="container">
<form bindsubmit="formSubmit" bindreset="formReset">
<view class="section">
<text>远上寒山石径斜，__________________。</text>
</view>
<view class="section">
<input name="daan" placeholder="答案" />
</view>
<view class="btn-area">
<button formType="submit">提交</button>
<button formType="reset">清空</button>
</view>
</form>
<view class="section">
{{zhuangtai}}
</view>
</view>
2、index.json的内容如下：
{
"usingComponents": {},
"zhuangtai":{}
}
3、index.js的内容如下：
//index.js
let app = getApp()
Page({
data: {
isSubmit: false,
daan: "",
},
formSubmit: function (e) {
var daan=e.detail.value.daan;
if(daan!="白云深处有人家"){
console.log(‘正确‘);
this.setData({
zhuangtai:‘错误请从新输入‘
})
}
else{
this.setData({
zhuangtai:‘正确，加十分‘
})
}
},
formReset: function () {
}
})
以上是关于微信小程序入门一个的主要内容，如果未能解决你的问题，请参考以下文章