背景：
最近我們的vue專案部分彈窗按鈕出現點選時候需要點選第二次的時候才會觸發

裝置：

系統:ios11.01(15A402)

微信版本:6.5.23

第一反應是我們的程式出了問題

[email protected]對應的函式裡面做了觸發程式的過濾 例如:

<a  @click="function" /><img src="xx.jpg"/></a>

function(){
   if(true){return;}
   console.log("我是需要執行的程式，應該過濾，可能不會允許")
}

3.系統或者瀏覽器特定的bug,例如

IE8 a連結需要保護內容||a連結需要有非透明的背景

排查：

1.點選事件對應函式沒有過濾執行判斷

2.index設定比兄弟節點高

3.a包含了圖片，包含了內容

對比：

 環境對比：電腦，微信，安卓，ios10，ios11

              結果：只有ios11存在該問題

程式碼對比：有問題的按鈕和沒有問題的按鈕

有問題按鈕：a包含了圖片，並且設定了display：block；

沒問題按鈕：a連結不包含任何內容，a連結背景是同級圖片

除錯：

           將有問題的按鈕(包含圖片的a連結)裡面的圖片移除，改成背景圖片

結果：可以正常執行

得論：ios11包含img的alink不能包含圖片

最終html程式碼:

<a href="javascript:;" v-bind:style="{backgroundImage:'url('+giftShowModel.btnBgImg+')',color:red}"  @click="topullInfor(0)"  class="bottom-alink" >
                    <!-- <img :src="giftShowModel.btnBgImg" class="show-gitt-model-btn"> -->
                    100
                  </a>
 

ios11其他瀏覽器未做測試

其他版本的微信未做測試