v-on:change event for radio input VueJS

Question

I have a problem with event listener for input radio.

HTML:

<input
  type="radio"
  id="flat"
  name="property_type"
  class="switch-input"
  v-model="registerData.propertyType"
  value="flat"
  checked
/>

And when I add v-on="change:foo" into input element, the page crash loading on that input radio.

Code:

var companyList = new Vue({
    el: '#companyList',
    cache: false,
    data: {
        disabledTime: {
            to: new Date()
        },
        registerData: {
            serviceCategoryId: '{{ $serviceCategoryId }}'
        }
    },
    methods: {
        foo: function() {
            console.log('aaa');
        }
    },
})

What is the best way to call function on change event?

what version of vuejs are you using?

yazfield
– yazfield

2017-05-03 23:57:02 +00:00
Commented May 3, 2017 at 23:57 — yazfield
– yazfield, Commented May 3, 2017 at 23:57

tony19 · Accepted Answer · 2022-07-15 20:05:12Z

20

Assuming you're using vuejs 2, your syntax is incorrect, this is actually vuejs 1 syntax.

v-on:change="foo" is the correct syntax, check the docs for more details.

edited Jul 15, 2022 at 20:05

tony19

140k24 gold badges281 silver badges354 bronze badges

answered May 4, 2017 at 0:00

yazfield

1,28312 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Gaurav Over a year ago

works flawlessly!

Collectives™ on Stack Overflow

v-on:change event for radio input VueJS

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related