laravel v-on: 无线电输入 VueJS 的更改事件

v-on:change event for radio input VueJS

提问by Duka

I have a problem with event listener for input radio.

我对输入无线电的事件侦听器有问题。

HTML:

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.

当我添加v-on="change:foo"到输入元素时，页面在该输入无线电上加载时崩溃。

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?

在更改事件上调用函数的最佳方法是什么？

回答by yazfield

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

假设您使用的是 vuejs 2，您的语法不正确，这实际上是 vuejs 1 的语法。

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

v-on:change="foo"是正确的语法，请查看文档以获取更多详细信息。