全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[南昌seo公司就找久澳]微信小程序 textarea 的使用方法

  这篇文章主要介绍了微信小程序 textarea 详解及简单使用方法的相关资料,这里附有实现实例代码,普洱市小程序制作公司及解决textarea没有bindchange事件-○□,济源市小程序制作公司无法在输入时给变量赋值的方法, 需要的朋友可以参考下

  微信小程序 textarea 简易解决方案

  微信小程序中textarea没有bindchange事件▪-,所以无法在输入时给变量赋值★◇▲□。

  虽然可以使用bindblur事件□○□,但是绑定bindblur事件▽•○,如果再点击按钮,则先执行完按钮事件后,再去执行bindblur事件△•●,26 2020.10 [柳州seo公司就找久澳]示例小程序生成海报(java后端) 【相关学习推荐: 小程序开发教程】 实现方案 前端人员◇,提供相关的html页面▷★▪,大同市小程序开发哪家好 后端人员提供接口●▽▽,前端人员通过参数设置html页面需要渲染的内容, 最后使用wkhtmlto。所以在js文件取不到输入值,

  解决方法:结合from表单,textarea文本框输入后,再去点击提交按钮,这时会先执行textarea事件(获取文本框输入内容)…●,再去执行数据提交△▼▷,这样问题就解决了

  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)☆▼; } }); } })

 

   缺点:

  这样操作后,功能就有缺陷。[南昌seo公司就找久澳]例如…★,无法即时获取用户文本框输入字符个数□▲,如果有更好的解决方法☆•△,希望能学习一下!

  以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!

  相关推荐:

  微信小程序中的onLoad的解析

  微信小程序 scroll-view实现上拉加载与下拉刷新的实例

  

 

  以上就是微信小程序 textarea 的使用方法的详细内容□★▼,更多请关注久澳传媒编程栏目其它相关文章☆▽!

[南昌seo公司就找久澳]微信小程序 textarea 的使用方法

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。