vuejs如何将两个以上的功能合二为一

Question

我希望将每个不同开关的功能组合到一个按钮中，这样当我单击它时所有灯都亮起，但是，当我单击按钮时只执行了两个功能。

    <div><button v-on:click="onLightar(); onLightmngr(); onLightfy(); onLightmr(); onLightT(); onLightbr();" >Switch on all groundfloor lights </button></div>

Answer 1

为了使其简单易懂，您只需在单击时调用一个方法，然后从该方法调用所有开关方法。

在模板中：

<div>
  <button v-on:click="switchOnAllLights">Switch on all groundfloor lights </button>
</div>

在脚本中：

switchOnAllLights() {
    this.onLightar();
    this.onLightmngr();
    this.onLightfy();
    this.onLightmr();
    this.onLightT();
    this.onLightbr();
}