VUE事件處理

1、獲取點(diǎn)擊的元素

html如下,將當(dāng)前傳遞過去

<input type="checkbox" v-on:click="selectPersonCheck(li.id,$event)" :ids="li.id">

JS代碼如下

selectPersonCheck: function (id, events) {
    //用$(events.currentTarget)獲取當(dāng)前元素
  var ids = $(events.currentTarget).attr("ids");
  if ($(events.currentTarget).prop("checked")) {
                
  } else {
                
  }

2、和Layui的TIPS結(jié)合做提示更多用
html如下,將當(dāng)前傳遞過去

 <span @mouseenter="enter(li.yjdx,$event)" @mouseleave="leave" >{{li.yjdx | getOne}}</span>

JS代碼如下

methods:{
  enter: function (msg, events) {
    setTimeout(function () {
          layer.tips(msg, events.target, {
              time: 5000000,
                tips: [3, '#79B455']
           });
      }, 1000) //延時(shí)1秒后提示
    },
 leave: function () {
     layer.closeAll("tips");
  }
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1.事件處理: 這個(gè)param可以是javascript代碼,可以是方法名,可以是調(diào)用js方法(可傳值)。 1)監(jiān)...
    廖馬兒閱讀 1,948評(píng)論 0 0
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,839評(píng)論 25 709
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,108評(píng)論 1 92
  • 今天下班后去接悠悠,雖然沒有找到膜拜自行車,有點(diǎn)點(diǎn)遺憾,但是還算及時(shí)接到孩子。然后接到之后帶著孩子回家。在里奧的花...
    亮晶晶百里煙閱讀 122評(píng)論 0 0
  • 還是簡(jiǎn)單的線稿。 感覺有點(diǎn)怪怪的,沒畫好
    謝勿念閱讀 736評(píng)論 0 1

友情鏈接更多精彩內(nèi)容