微信小程序Input如何控制小数位数

1、打开微信小程序开发工具新建小程序项目

2、输入程序位置和名称后，选择确定

3、这里会创建一个默认的小程序框架

4、我们找到 pages-》index-》index.wxml 文件

5、在右侧打开的文件中我们先创建一个输入框设置type=number 只能输入数字 <input type='number' >文本框</input>

6、设定完成后，保存，在左侧的画面中，我们找不到这个刚创建的输入框我们来给输入框添加一个样式，让他更显眼一些 <input type='number' style='background-color:green' >文本框</input>

7、我们给输入框添加 value属性并设置一个变量用来显示数值 <input type='number' style='b锾攒揉敫ackground-color:green' value='{{inputvalues}}'>文本框</input>

8、在对应的index.js文件中，添加如下的代码

9、在回到index.wxml文件中，给输入框添加事件 <input type=争犸禀淫'number' style='background-color:green' bindinput='inputs' value='{{inputvalues}}'>文本框</input>

10、在index.js文件中，实现inputs 事件, inputs: function (e) { var v1 = e.detail.value; var v2 = parseFloat(v1).toFixed(2) this.setData({ inputvalues: v2 })

11、完成后，保存文件我们来测试一下当我们在输入框中输入1时数字会自动的变为1.00这段代码可以实现输入数字自动转为2吗小数。还可在继续完善