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" 是正确的语法，查看docs 了解更多详情。