首页 > 微信 > 详细

利用豆瓣api写个小程序(小程序笔记)3.1 form表单的数据提交与获取

时间:2019-09-18 19:44:37      阅读:191      评论:0      收藏:0      [点我收藏+]

 

技术分享图片

1 引入组件

<!--引入vant组件库-->
<van-cell-group>
  <van-field
    value="{{ value }}"
    placeholder="请写评价"
    border="{{ false }}"
    bind:change="onContentChange" 
  />
</van-cell-group>

<van-rate value="{{ score }}" bind:change="onScoreChange" />
<!--<van-button type="default">上传图片</van-button>-->
<van-button type="danger" size=‘large‘ bindtap="submit" >提交</van-button>
{
  "usingComponents": {
      "van-field": "vant-weapp/field",
      "van-rate": "vant-weapp/rate",
      "van-button": "vant-weapp/button"
  }
}
/**
   * 页面的初始数据
   */
  data: {
    detail: {},
    content:‘‘,//评价的内容,
    score:5 ,//当前评价的分数
  },
  submit:function(){
    console.log(this.data.content);//评价
    console.log(this.data.score);//评分
  },
  //事件处理函数,当评价改变时调用
  onContentChange: function (event){
    this.setData({
      content:event.detail
    });
    console.log(this.data.content);
  },
  onScoreChange:function(event){
    this.setData({
      //value: event.detail
      score:event.detail
    });
  },

技术分享图片

利用豆瓣api写个小程序(小程序笔记)3.1 form表单的数据提交与获取

原文:https://www.cnblogs.com/polax/p/11544641.html

(2)
(2)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!