vue click ios11 點選第二次才有效,vue click ios11 點選第二次才有效
背景:
最近我們的vue專案部分彈窗按鈕出現點選時候需要點選第二次的時候才會觸發
裝置:
系統:ios11.01(15A402)
微信版本:6.5.23
第一反應是我們的程式出了問題
[email protected]對應的函式裡面做了觸發程式的過濾 例如:
<a @click="function" /><img src="xx.jpg"/></a>
function(){
if(true){return;}
console.log("我是需要執行的程式,應該過濾,可能不會允許")
}
2.樣式index問題
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其他瀏覽器未做測試
其他版本的微信未做測試
相關推薦
vue click ios11 點選第二次才有效,vue click ios11 點選第二次才有效
背景: 最近我們的vue專案部分彈窗按鈕出現點選時候需要點選第二次的時候才會觸發 裝置: 系統:ios11.01(15A402) 微信版本:6.5.23 第一反應是我們的程式出了問題 [email
C++實現WebBrowser控制元件中對滑鼠點選事件的監聽,並獲取所點選標籤的超連結
主要步驟如下: 1、接收網頁事件(參考資料) 要響應網頁事件,需要實現IDispatch介面,並在其Invoke()方法中處理收到的訊息。對於MFC,因為CCmdTarget類已經實現了該介面,所以只需要繼承CCmdTarget並結合相關巨
點在多邊形內算法,C#判斷一個點是否在一個復雜多邊形的內部
奇數 param list() 如果 集合 c# nal sdn 技術 判斷一點是否在不規則圖像的內部算法,如下圖是由一個個點組成的不規則圖像,判斷某一點是否在不規則矩形內部,先上效果圖 算法實現如下,算法簡單,親試有效 public class Posit
【ElementUI】日期選擇器時間選擇範圍限制,只能選今天之前的時間,或者是隻能選今天之後的時間。今天是否可以選
<el-date-picker v-model="value1" type="date" placeholder="選擇日期" :picker-options="pickerOptions0"> </el-date-picke
vue專案中使用Echarts 動態更改圖表資料 , Vue 折線圖、柱狀圖等圖表動態重新整理 ,
問題:在vue元件中,用echarts外掛 動態獲取、修改圖表資料 解決:已解決! 第一步:開啟cmd命令視窗 安裝echarts依賴 安裝:npm install echarts -S 第二步:在main.js中全域性引入 //引入echarts的圖表外掛
TCP的三次握手與四次揮手過程,各個狀態名稱與含義 三次握手(轉載)
TCP的三次握手與四次揮手過程,各個狀態名稱與含義 三次握手 第一次握手:主機A傳送位碼為syn=1,隨機產生seq number=10001的資料包到伺服器,主機B由SYN=1知道,A要求建立聯機,此時狀態為SYN_SENT; 第二次握手:主機B收到請求後要確
經典演算法題1:找出陣列中只出現一次的數字,其它數字都出現了兩次
題目:一個整型數組裡除了一個數字之外,其它的數字都出現了兩次。請寫程式找出這個只出現一次的數字。要求時間複雜度是O(n),空間複雜度是O(1)。 分析:由於題目要求時間複雜度為O(n),所以先排序然後比較相鄰數字是否相同的思路被排除。 空間複雜度是O
python畫圖之散點圖sactter函式詳解,基本雜湊點繪製
原文地址:http://blog.csdn.net/u013634684/article/details/49646311 http://blog.csdn.net/abcjennifer/article/details/19848269 http://blog.csdn.
用Jquery實現,複選框在修改時,根據資料庫選中複選框
<input type="checkbox" name="functiondtcx" value=1 >1 <input type="checkbox" name="functiondtcx" value=2 >2 <i
Single Number II -- 找出陣列中唯一出現一次的數,其它數都出現了三次
原題: Given an array of integers, every element appears three times except for one. Find that single one. =>給定一個數組,除了一個元素,其它每個元素都出現了三
Tablayout+Viewpager+Frgment 做Viewapger的快取,並且第一次點選tab都去重新整理,但是第二次之後都有快取且不會自動重新整理可以主動重新整理。Fragment的重新整理
Tablayout+Viewpager+Frgment 做Viewapger的快取,並且第一次點選tab都去重新整理,但是第二次之後都有快取且不會自動重新整理可以主動重新整理。 需要實現這個首先你需要了解fragment的一個方法 @Override public voi
vue單頁應用,加入分頁後,點選到第二頁的時候,進入某個詳情頁,然後點選瀏覽器後退按鈕,並沒有返回到第二頁,而是返回到了首頁,並且重新整理了頁面,此時用keepAlive解決
import Vue from 'vue'; import Router from 'vue-router'; import CompanyList from '@/views/Company/List'; import CompanyDetail fr
layui的流載入,點選切換流載入內容,需要多次flow.load,page混亂解決方案
layui的流載入,如果需要點選切換流載入的內容,同時寫多個flow.load會導致多次呼叫flow導致整體page混亂 解決方案如下: html: <div class="model-list"> <ul id="LAY_demo1" style="
vue中使用UEditor富文字首次載入正常,第二次無法正常載入
網上看到一些方法 1.可以在每次載入前刪除 mounted(){ UE.delEditor('editor'); this.ue = window.UE.getEditor('editor')
多次點選file上傳,資訊儲存在js集合中,不覆蓋上次點選資訊,js上傳多張圖片
頁面只有一個input file按鈕,一個確認上傳按鈕,要求:多次點選上傳,吧圖片資訊儲存入集合,點選確認按鈕,上傳所有圖片 多次點選這一個按鈕上傳圖片,在js中儲存為集合,但是遇到一個問題,當我點選第二次的時候,傳過來的this資訊會頂替掉上一次的this資訊, 也就是:上傳兩次,集合中有
用vue+Element-ui寫一個後臺管理介面,點選頭部導航對應顯示下方左側導航選單,點選左側選單對應顯示右邊內容,點選右邊內容的按鈕出現一個新頁面依舊能夠選中左側相應選單,求解決???!!!!
vue-路由 用vue+Element-ui寫一個後臺管理介面,點選頭部導航對應顯示下方左側導航選單,點選左側選單對應顯示右邊內容 但是點選新建微帖路由出現一個新頁面,左側選單怎麼才能顯示被選中狀態,就是跟上圖狀態一樣??? 這裡是左側選單導航和右邊內容顯示區域程式碼 這裡是頁面按鈕
UEditor 的表格載入正常,第二次卻顯示不出來,vue.js裡面的解決方法
困擾了很久很久的問題,轉載這位哥們的http://blog.csdn.net/zrk1000/article/details/46865093 補充一下,用了新框架vue.js,用vue-cli做開發,切換每個不同的元件,也會出現這種問題,解決方法是在元件生命週期里加上就可
JQuery點選一次顯示(隱藏),再點一次(隱藏)/(顯示)
<!DOCTYPE html> <html> <head> <title></title> </head> <scrip
modal彈框多次被觸發,點選頁面的任何地方,都出現彈層
之前剛開始正式使用mui的時候,要求寫一個頁面,如下圖所示: 就是在點選”登入問題點這裡“的時候,顯示彈層,點選彈層上的按鈕,彈層消失。 彈層的這個,我是根據demo裡的modals.html來寫的,遇到的第一個問題是,彈層會擋住下面的輸入框,就是說,即使使用者·沒有點選
js如何實現點選一個按鈕顯示一個div,然後該div上有一個按鈕,點選此按鈕後隱藏,隱藏的同時顯示另外一個div,而在次彈出的div也有一個按鈕,點選後隱藏.
<button id="btn1" onclick="btn1()">報名</button> <div id="div1" style="background:#999999; display:none;"> <button id=