WeChatアプレットのテキストエリアの簡単な解決策
WeChatアプレットのテキストエリアにはbindchangeイベントがないため、入力中に変数に値を割り当てることができません。
bindblurイベントを利用することはできますが、bindblurイベントをバインドして再度ボタンをクリックすると、先にボタンイベントが実行されてからbindblurイベントが実行されるため、jsファイルでは入力値が取得できません。
解決策: フォームから結合し、テキストエリアのテキストボックスに入力後、送信ボタンをクリックすると、最初にテキストエリアイベントが実行され(テキストボックスの入力内容を取得)、その後データ送信が行われます。このようにして、問題は解決されます。
wxml ファイルコード:
<form bindsubmit="evaSubmit"> <textarea name="evaContent" maxlength="500" value="{{evaContent}}" class="weui-textarea" placeholder="填写内容(12-500字)"bindblur="charChange" /> <button formType="submit" disabled="{{subdisabled}}" class="weui-btn mini-btn" type="primary" size="mini">提交</button> </form>
js ファイルコード:
var app = getApp(); Page({ data:{ evaContent : '' }, onLoad:function(){ }, onReady:function(){ // 页面渲染完成 }, onShow:function(){ // 页面显示 }, onHide:function(){ // 页面隐藏 }, onUnload:function(){ // 页面关闭 }, //事件 textBlur: function(e){ if(e.detail&&e.detail.value.length>0){ if(e.detail.value.length<12||e.detail.value.length>500){ //app.func.showToast('内容为12-500个字符','loading',1200); }else{ this.setData({ evaContent : e.detail.value }); } }else{ this.setData({ evaContent : '' }); evaData.evaContent = ''; app.func.showToast('请输入投诉内容','loading',1200); } }, //提交事件 evaSubmit:function(eee){ var that = this; //提交(自定义的get方法) app.func.req('http://localhost:1111/ffeva/complaint?content=''+this.data.evaContent),get,function(res){ console.log(res); if(res.result==='1'){ //跳转到首页 app.func.showToast('提交成功','loading',1200); }else{ app.func.showToast('提交失败','loading',1200); } }); } })
この操作の後、機能は不具合になります。たとえば、ユーザーのテキスト ボックスに入力された文字数をすぐに取得することはできません。もっと良い解決策があれば、ぜひ教えてください。
WeChat アプレット textarea のより詳細な説明と簡単な使用法については、PHP 中国語 Web サイトに注目してください。