小程序实现一个按钮两个功能

最近开发小程序，需要做一个录音的按键，按下按键录音，再次按下停止录音。如何实现一个按钮两个功能呢。

思路

在data中设置一个变量touched,1代表已经按下过，0代表未被按下，默认为0

wxml

<view class="flex padding justify-center"> 
        <button  class=" cu-btn icon bg-cyan lg shabdow-lur "  hover-class="" bindtap="touched">
            <text  class="cuIcon-{{touched==1?'voicefill':'voice'}}"></text>
      </button>
    </view>

js

data: {
    touched:0
},
touched:function(){
/*
start()是开始录制的函数
stop()是停止录制的函数
*/
     this.data.touched==0?this.start():this.stop()
},

start: function () {
    var that = this;
    that.setData({
      touched:this.data.touched=this.data.touched+1
    })
    //开始录制
},
stop:function () {
    this.setData({
      touched:this.data.touched=this.data.touched-1
    })
    //停止录制
}

很简单就可以实现