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

Question

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

HTML：

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

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

代码：

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

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

Answer 1

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

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