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没有调用方法

1 个答案: