发表于: 2021-07-12 21:26:14

0 1790


今天完成的事情:微信小程序完成;


明天计划的事情:JS任务查缺补漏;深度思考问题;巩固JS知识


遇到的问题:做小程序的时候:传值,展示值,和input 框限制只输入数字;(已解决)


收获:

小程序的 input 限制只输入数字,

  // 平均日薪

average(e) // wxml 内 bindchange="average" 绑定

    const averageVal = e.detail.value;
    let value = e.detail.value.replace(/\D/g, ''// 通过 正则 监听input输入的值是否为纯数字,否则使用 ''值替换掉
    this.setData({
      averageVal,
      averageVal: value // 正则 判断后 为false时 赋值 ''
    })
  },



计算逻辑:

计算结果:

提前绑定好输入框:通过 this.setData ({ }) 实现小程序的双向绑定(类同双向绑定),

例:

学历系数选择框赋的值:要写到 页面初始化数据 data 内

  /**
   * 页面的初始数据
   */

data: {

    // 学历系数

    xueLi_array: ['专科及以下', '普通本科', '高等本科', '普通硕士', '高级硕士', '普通博士', '高级博士'],

    xueLi_arrayV: ['0.8', '1', '1.2', '1.4', '1.6', '1.8', '2'],

    type: 0,

    xueLiBank: "点击选择",

}


  xueLi: function (e) {
    let that = this
    console.log("学历:" + e.detail.value)
    this.setData({
      type: e.detail.value,
      xueLiBank: that.data.xueLi_array[e.detail.value], // 赋值选项框
      xueLiBankV: that.data.xueLi_arrayV[e.detail.value] // 赋的值所对应的 数值,获取进行下面的计算
    })
  },


zongHe = this.data.gongZuoBankV * this.data.yiXingBankV * this.data.tongShiBankV, // 环境综合系数
chu_Shu = ((this.data.working_hoursVal - this.data.free_timeVal* this.data.xueLiBankV* 20, // 除数值
beichu_Shu = this.data.choseQuestionBankV * this.data.averageVal * zongHe, // 被除数值
jieGuo = (beichu_Shu / chu_Shu).toFixed(1// 最终结果


    // 传值
    const app = getApp()
    app.getId = jieGuo;



  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 获取结果值
    phone = getApp().getId,
    this.setData({
      // 将结果值显示
      jieGuoVal: phone // <text id="score"> {{jieGuoVal}} </text>
    })
  },


分享按钮::

右上角分享朋友圈::


返回列表 返回列表
评论

    分享到