小程序點擊button後重置輸入框內容

效果圖

在這裏插入圖片描述

wxml

        <button bindtap="resetSalaryBtnClick" class="reset">
          <view>重置</view>
        </button>

wxss

.reset {
  width: 16%;
  margin-top: 10rpx;
  margin-right: 3%;
  font-size: 12px;
  background-color:rgb(28,200,138);
  color: white;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

js

// 工資薪金所得輸入框重置
  resetSalaryBtnClick: function (e) {
    this.setData({
      salaryInputData: "",
      salaryValue: "",
      salaryIndividualTax: -1,
      salaryOpacity: 0.5,
      salaryTaxableIncome: 0,
      specialDeductionInputData: 0,
      specialAddDeductionInputData: 0,
      salaryDigitHint: "",
      specialDeductionDigitHint: "",
      specialAddDeductionDigitHint: "",
      salaryTax:""
    })
    console.log("ccc")
    if (this.data.salaryInputData == "") {
      console.log("ddd")
      this.setData({
        salaryTaxFlg: false
      })
    }
  },

具體效果可見
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章