Laravel 使用 vuejs v-on 不调用方法

Question

我正在关注 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');

        }
    }


});

Answer 1

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

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

Laravel 使用 vuejs v-on 不调用方法

Laravel with vuejs v-on not calling method

javascript

laravel

vue.js