如何使用knockoutjs在单击函数中传递固定参数？

Posted 2021-05-05

我想这样做：

  <button type="button"  data-bind="click: myFunction(1)" </button>
   <button type="button"  data-bind="click: myFunction(2)" </button>
  <button type="button"  data-bind="click: myFunction(3)" </button>

但如果我每次页面启动都这样做，这个函数就会被触发。我不想要这个，我希望它在我点击时触发

答案

在myFunction.bind绑定中使用click可以解决问题。你可以试试这个：

<button type="button" data-bind="click: myFunction.bind($data, 1)">one</button>
<button type="button" data-bind="click: myFunction.bind($data, 2)">two</button>
<button type="button" data-bind="click: myFunction.bind($data, 3)">three</button>

在View Model中定义myFunction，如下所示：

self.myFunction = function(n) {
    alert(n);
}

仅响应实际按钮点击而不是页面加载时才会触发警报。

请注意，虽然self.myFunction定义只有一个参数myFunction.bind($data, 1)应该有额外的$data参数。