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

 

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

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表单的数据提交与获取

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

上一篇:小程序组件 scroll-view 横向滚动条无效


下一篇:微信群超100人无法扫码进群?技术宅眼里这都不是事儿