Question

<template>
    <div class="test">
        <h1>か</h1>

        <input type="text" v-model="userIn" v-on:keyup.enter="enterHit" id="tboxInput">
        <button v-on:click="enterHit()">Next</button>
    </div>

</template>

<script>
    export default {
        name: 'test',
        data() {
            return {
                title: 'Hello World',
                userIn: "",
                user: {
                    firstName: 'Taco',
                    lastName: 'Bell'
                }
            }
        },

        methods: {
            enterHit: function(){
                //validate
                console.log("test");
            }
        }
    }
</script>

<style scoped>

</style>

Vue.js的新功能。测试v-on：keyup.enter功能。 Firefox中的控制台给我一个错误：

[Vue警告]：属性或方法“ enterHit”未在   实例，但在渲染过程中被引用。确保此属性是   在data选项中或对于基于类的组件，通过   初始化属性。

TypeError：_vm.enterHit不是函数

Test.vue组件正在导入到我的主App.vue中，以供参考。

Answer 1

结果表明，添加这些方法后，需要手动刷新浏览器。我依靠开发服务器（npm run dev）来更新页面。

_vm.enterHit不是函数| vue.js

1 个答案: