微信小程序的相关问题

Question

实现一个输入框（input）和显示组件（view），显示组件显示输入内容前3位，即输入12，显示组件内容为12，输入1234，显示组件内容为123。并将输入内容及显示内容上传至云数据库中（云数据库collection名称为result）。 示例：<input id="”input1”" /> 即表示

Answer 1

wxml

<input type="text" bindinput="bd"></input>
<view>{{show_value}}</view>

js

bd(e){
    var that=this;
    if(e.detail.value.length > 3){
      var show_value=e.detail.value.slice(0,3);
    }else{
      var show_value=e.detail.value;
    }
    that.setData({
      show_value:show_value
    })
    const db = wx.cloud.database();
    db.collection('result').add({
        data: {input_value:e.detail.value,show_value:that.data.show_value},
        success(res){
            console.log("添加成功",res)
        },
        fail(res){
            console.log("添加错误",res)
        }
      });
  },