美文网首页
解决事件需要e对象,还需要传别的参数

解决事件需要e对象,还需要传别的参数

作者: 命题_1f6e | 来源:发表于2019-12-13 13:43 被阅读0次

    方法一

    HTML

    <div id="app">
      <button  @click="getData($event,'100')">点我</button>
    </div>
    

    JS

    methods : {
       getData(e,num) {
            console.log(num);     // 输出 100
       }
    }
    

    方法二:

    HTML

    <div id="app">
      <button data-num="100" ref="dataNum"  @click="getData($event)">点我</button>
    </div>
    

    JS

    methods : {
       getData (e) {
           console.log(this.$refs.dataNum.dataset.num);     // 输出 100
       }
    }
    

    方法三:

    HTML

    <div id="app">
      <button data-num="100" @click="getData($event)">点我</button>
    </div>
    

    JS

    methods : {
       getData (e) {
           console.log(e.target.getAttribute('data-num'));     // 输出 100
       }
    }
    

    相关文章

      网友评论

          本文标题:解决事件需要e对象,还需要传别的参数

          本文链接:https://www.haomeiwen.com/subject/xplfnctx.html