javascript - Laravel 与 vuejs v-on 不调用方法

标签 javascript laravel vue.js

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

        }
    }


});

最佳答案

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

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

关于javascript - Laravel 与 vuejs v-on 不调用方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35673838/

相关文章:

javascript - 如何在 iOS 上将 iOS Chrome 的 "Open in"功能与 protected 网站后面的 PDF 或大数据 URL 一起使用?

php - Laravel excel 库(Maat 网站): How to create a drop down list in exports

vue.js - 在现有的 Nuxt.js 项目中使用 Express.js

vue.js - "[Vue warn]: Unknown custom element: ..."错误,将 vuetify UI 组件与 vue-cli-plugin-vuetify 一起使用时

javascript - JQuery - 扩展和访问父类(super class)

javascript - 我的 javascript 无法在浏览器中缓存

php - 在来自 Laravel 数据库的字符串数据中添加换行符

php - Laravel HasManyThrough 关系空输出

typescript - Vue 库类型

javascript - Lambda 忘记如何解释 JavaScript?