小程序用云开发写法新增页面数据

最新推荐文章于 2023-06-19 22:00:30 发布

邓婵

最新推荐文章于 2023-06-19 22:00:30 发布

阅读量192

点赞数

本文链接：https://blog.csdn.net/weixin_44547786/article/details/109173562

版权

开发工具与关键技术：微信小程序
作者：邓婵
撰写时间：2020年10月18日

效果如图下：
在这里插入图片描述

Wxml:

获取textarea里面的值：
bindinput当键盘输入时,可以获取里面的值 
<textarea class="desc" placeholder="请输入您的留言内容(300字以内)：" maxlength="300" bindinput="getInput" >
</textarea>
 <button class="Buttons" bindtap='tijiaoliuy' type="primary" >提交留言</button>

Wxjs:

const db = wx.cloud.database()//初始化
var canshu="";
Page({
  /**
   * 页面的初始数据
   */
  data: {},
  getInput:function(e){
      var resvlu = e.detail.value;//获取一个对象
      canshu =resvlu;
      // console.log(canshu);
     },
//提交留言
tijiaoliuy:function(e){
 db.collection('liuyan').add({
        // data 字段表示需新增的 JSON 数据
        data: {
          date: new Date(),
          content: canshu//把获取到的值给到这字段新增进云开发数据库
        }
      })
      .then(res => {
        console.log(res)
      })
},
})