第二次單擊后觸發按鈕的功能

Question

我有兩個按鈕和一個輸入。 輸入采用單擊按鈕的值。 兩個按鈕具有相同的類別，單擊一次（Vue）可添加活動的類別，然后單擊第二次。 單擊時，獲取按鈕的值並將其附加在輸入中。

我遇到的問題是，在第二次觸發點擊后，用於獲取值的函數才能正常工作。

我已經嘗試過dblclick並刪除活動類的單擊-但沒有任何更改。 有人可以幫忙嗎？ 謝謝。

Vue項目（在方法中導入的js函數）

<div class="col-md-12 buttons-wrapper" id="direction">
  <button id="buy-button" value="1" name="Direction1" class="button btn buy" @click="selected = 1" :class="{active:selected == 1}" v-on:click.capture="buttonDirectionValue">Buy</button>
  <button id="sell-button" value="2" name="Direction2" class="button btn sell" @click="selected = 2" :class="{active:selected == 2}" v-on:click.capture="buttonDirectionValue">Sell</button>
  <input id="inputDirection" name="Direction" type="text" placeholder="" class="form-control input-md" style="display: block" readonly></input>
</div>

buttonDirectionValue() {
  event.preventDefault();
  $("#direction button").click(function() {
    $("#inputDirection").val($(this).val());
  });

Answer 1

buttonDirectionValue() {
    event.preventDefault();
    $("#direction button").trigger("click");
});
$("#direction button").click(function() {
    $("#inputDirection").val($(this).val());
});

上面應該是您的代碼。 糾正措施是將.click放置在buttonDirectionValue（）函數之外。

如果將.click放置在buttonDirectionValue（）函數的內部，則只有在第一次單擊該按鈕並在第二次單擊時觸發該.click時，才會注冊.click。

將其放置在外部時，將綁定.click頁面加載並觸發clickDirectionValue（）函數調用。

希望這可以幫助

Answer 2

問題顯然是您在按鈕單擊后綁定了click事件。

您可以在頁面加載后立即綁定click事件，如下所示：

    $(document).ready(function(){
        $("#direction button").click(function() {
            $("#inputDirection").val($(this).val());
        }
    });

// EDIT1

您還可以刪除v-on：click.capture =“ buttonDirectionValue”

並使用此代碼綁定兩個按鈕的點擊事件

    $(document).ready(function(){
        $('button.buy, button.sell').click(function() {
            $("#inputDirection").val($(this).val());
        }
    });