在 Vue.js 中将事件和参数传递给 v-on - Passing event and argument to v-on in Vue.js

10/14 16:18
阅读数 0

问题:

I pass a parameter in v-on:input directives.我在v-on:input指令中传递了一个参数。 If I don't pass it, I can access the event in the method.如果我不通过它,我可以在方法中访问该事件。 Is there any way I can still access the event when passing the parameter to the function.有什么方法可以在将参数传递给函数时仍然访问事件。 Not that I am using vue-router:并不是说我在使用 vue-router:

This is without passing the parameter.这是没有传递参数。 I can access the event object我可以访问事件对象

HTML HTML

<input type="number" v-on:input="addToCart" min="0" placeholder="0">

Javascript Javascript

  methods: {
    addToCart: function (event) {

      // I need to access the element by using event.target
      console.log('In addToCart')
      console.log(event.target)
    }
  }

This is when passing the parameter.这是在传递参数时。 I can't access the event object我无法访问事件对象

HTML HTML

<input type="number" v-on:input="addToCart(ticket.id)" min="0" placeholder="0">

Javascript Javascript

  methods: {
    addToCart: function (id) {

      // How can I access the element by using event
      console.log('In addToCart')
      console.log(id)
    }
  }

Here is some snippet of the code, should be good enough to replicate the problem that I am having这是代码的一些片段,应该足以复制我遇到的问题

https://jsfiddle.net/lookman/vdhwkrmq/ https://jsfiddle.net/lookman/vdhwkrmq/


解决方案:

参考一: https://en.stackoom.com/question/2lqhT
参考二: https://stackoom.com/question/2lqhT
展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部