输入一个数，让它只显示前面三位

用微信开放者工具，运用view组件和input组件实现输入一个数，让输入的数只显示前三位数字。请问代码怎么写?

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
    })
  },

可以采用字符串的截取功能，把input里面拿到的value 去value.slice（0,3）就可以了