Laravel 与 vuejs v-on 不调用方法答案

【问题标题】：Laravel with vuejs v-on not calling methodLaravel 与 vuejs v-on 不调用方法
【发布时间】：2016-02-27 18:40:03
【问题描述】：

我正在关注 Jeffery 的 vue 系列以了解如何将 vue.js 引入我的项目中。我了解基础知识，但是我对 v-on 属性有疑问。出于某种原因，我无法让我的任何方法在模糊点击或其他任何情况下运行。 Jeffery 在视频中使用了“”括号，但在文档中他们没有使用它。我都试过了，甚至无法让它登录控制台。这是我的设置。

HTML：

<div id = "demo" class = "container">

    <ul>
        <li v-for = "name in names">@{{ name }}</li>
    </ul>

    <input type="text" placeholder="Add new name" v-model = "newName" v-on="blur:addName">

</div>

vue.js

new Vue({

    el: '#demo',

    data: {
        names: ['Ricki', 'Kevin', "James"]
    },


    methods: {

        addName: function() {

            console.log('working');

        }
    }


});

【问题讨论】：

标签： javascript laravel vue.js

【解决方案1】：

v-on 语法已更改。试试这个

<input type="text" placeholder="Add new name" v-model = "newName" v-on:blur="addName">

【讨论】：

你是对的。我在看旧课。他已经发布了更新的视频，谢谢！