javascript - [Vue warn] : Invalid expression. 生成的函数体错误

Question

我正在尝试使用 Asp.Net MVC 5 和 Vue.js 获取城市下拉列表。

在 Razor 中，我描述了如下属性更改方法:

v_on="change:selectedCity" 

这里是vue脚本的用法:

 /*** USER CREATE EDIT FORM ****/
        var vmSptsUserFrm = new Vue({
            el: "#spts_user_frm",
            data: {
                citytown: 'citytowns',
                citytowns: [{ text: 'Toronto', value: 'citytown1' },
                         { text: 'Orleans', value: 'citytown2' }]
            },
            methods:{
                selectedCity: function () {
                    alert();
                }
            },
            ready:function() {
                selectedCity();
            }

        });

但是当应用程序启动时我收到此错误。

[Vue warn]: Invalid expression. Generated function body: scope.change:scope.selectedCity

我该如何解决这个问题？

Answer 1

尝试使用v-on:click="nameFunction"。