Javascript 每次单击后更改一个实用按钮的单击

我有一个实用的按钮，需要在每次单击后更改功能

const template1='Step1'
实用的=新的实用的({
el:'集装箱'，
模板：模板1，
高级：职能（）{
$（“#advanceButton”）.html（“步骤2”）；
//this.on-click更改为advance2（）//这将是所需的行为
}
});
牵引({
高级2：函数（）{
$（“#advanceButton”）.html（“Step3”）；
//单击此按钮可更改为advance3（）//依此类推。。。
}
})

---

您可以保留当前步骤的值，并基于该调用所需函数

const template1='Step1'
实用的=新的实用的({
el:'集装箱'，
数据：{步骤：1}，
模板：模板1，
高级：职能（）{
var c_step=this.get（“step”）+1；
如果（c_步===4）
c_阶跃=1；
此设置（“步骤”，c_步骤）；
日志（“当前步骤：+c_步骤”）；
如果（c_步===1）
这是第1步（）；
否则如果（c_步===2）
这是第2步（）；
否则如果（c_步骤===3）
这是第3步（）；
},
步骤1：函数（）{
$（“#advanceButton”）.html（“步骤1”）；
},
步骤2：函数（）{
$（“#advanceButton”）.html（“步骤2”）；
},
步骤3：函数（）{
$（“#advanceButton”）.html（“Step3”）；
}
});