Renderless input with arguement

rendered.html

<div id="app>
  <renderless-component v-model="items">
    <div slot scope="{ inputAttrs, inputEvents }">
      <div v-for="item in items">
        <input v-bind="inputAttrs" v-on="inputEvents($event, item)">
      </div>
    </div>
  </renderless-component>
</div>

renderless.js

Vue.component('renderless-component', {
  props: ['value'],
  data() {
    return {
      newQty: 0,
    }
  },
  methods: {
    changeQty(item) {
      item.quantity = this.newQty
      this.newQty = 0
    }
  },
  render() {
    return this.$scopedSlots.default({
      inputAttrs: {
        value: this.newQty,
      },
      inputEvents: {
        input: (e) => { this.newQty = e.target.value },
        change: (e, item) => {
          e.preventDefault()
          this.changeQty(item)
        }
      }
    })
  },
})

new Vue({
  el: '#app',
  data: {
    items: [
      {label: 'One', quantity: 2},
      {label: 'Three', quantity: 4},
    ]
  }
})