在Vue.js中将事件和参数传递给v-on

vue.js Vue.js

猴子飞云

2020-03-09

我在v-on:input指令中传递参数如果没有通过,则可以在方法中访问该事件。将参数传递给函数时,还有什么方法可以访问事件?并不是我正在使用vue-router:

这没有传递参数。我可以访问事件对象

的HTML

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

Java脚本

  methods: {
    addToCart: function (event) {

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

这是在传递参数时。我无法访问事件对象

的HTML

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

Java脚本

  methods: {
    addToCart: function (id) {

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

这是一些代码片段,应该足以复制我遇到的问题

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

第365篇《在Vue.js中将事件和参数传递给v-on》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

0个回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android