vue根據(jù)條件隱藏和顯示控件 vue如何實(shí)現(xiàn)移動(dòng)端滾動(dòng)讓一個(gè)圖標(biāo)顯示隱藏?
vue如何實(shí)現(xiàn)移動(dòng)端滾動(dòng)讓一個(gè)圖標(biāo)顯示隱藏?mounted(){varboDiv=文檔.getElementById( 此id)if(boDiv==未定義){return}varisFirefox=n
vue如何實(shí)現(xiàn)移動(dòng)端滾動(dòng)讓一個(gè)圖標(biāo)顯示隱藏?
mounted(){varboDiv=文檔.getElementById( 此id)if(boDiv==未定義){return}varisFirefox=navigator.userAgent.indexOf(“Firefox”)如果(isFirefox>0){boDiv.addEventListener公司(“dommousescroll”,函數(shù)(事件){//Firefox varevt)=window.event事件||參數(shù)[0]如果(evt.詳圖和lt=-3){ boDiv.scrollTop=博迪夫.scrollTop-10}elseif(evt.詳圖>=3){ 上卷= 上卷10} evt.stopPropagation公司() evt.prevent默認(rèn)值()},false)}否則{boDiv.addEventListener公司(“mousewheel”,函數(shù)(事件){varevt=window.event事件||參數(shù)[0]evt.returnValue=false//阻止正文滾動(dòng)事件(電動(dòng)輪三角洲和lt=-120){ boDiv.scrollTop=博迪夫.scrollTop 40}其他(電動(dòng)輪增量>=120){ boDiv.scrollTop=博迪夫.scrollTop-40}}}}}
vue.js使用v-if實(shí)現(xiàn)顯示與隱藏功能示例?
第一步是創(chuàng)建一個(gè)靜態(tài)頁(yè)面文本.html,修改標(biāo)題中顯示的內(nèi)容并介紹虛擬用戶.js在第二步中,在body標(biāo)記元素中插入兩個(gè)span元素,在第一個(gè)span中綁定v-text指令,在第二個(gè)span中插入{{message}},編寫(xiě)JS代碼,綁定數(shù)據(jù)源消息,在第四步中預(yù)覽靜態(tài)頁(yè)面文本.html{{message}的發(fā)現(xiàn)仍然是個(gè)問(wèn)題第5步:在兩個(gè)跨度的外層添加一個(gè)div,將第一個(gè)span的ID分配給div,然后將V-model綁定到第一個(gè)span標(biāo)簽。第六步:再次預(yù)覽,發(fā)現(xiàn)頁(yè)面中的{message}成為綁定數(shù)據(jù)源,