在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 給button添加 v-on:click 為什么報(bào)錯?

給button添加 v-on:click 為什么報(bào)錯?

<template>
    <form class="form signup">
        <h2>注冊新用戶</h2>
        <input v-model="signupUsername" type="username" id="inputUsername" class="form-control" placeholder="username" required autofocus>
        <input v-model="signupPassword" type="password" id="inputPassword" class="form-control" placeholder="Password" required>
        <input v-model="emailAddress" type="email" id="inputEmail" class="form-control" placeholder="Email address" required>
// 下面的button添加了 v-on:click="pushMessage"
        <button v-on:click="pushMessage" type="submit">注冊</button>
    </form>
</template>
<script>
    export default {
        name: 'Signup',
        data() {
            return {
                signupUsername: '',
                signupPassword: '',
                emailAddress: 'sdfas'
            }
        },
// pushMessage方法在這里
        method: {
            pushMessage: function() {
                console.log('123')
                
            }
        }
    }
</script>

結(jié)果報(bào)錯
clipboard.png

感覺有點(diǎn)莫名奇妙?語法也應(yīng)該沒有出現(xiàn)問題?

回答
編輯回答
亮瞎她

methods

2018年6月18日 01:30
編輯回答
悶油瓶

vue的方法應(yīng)該定義在關(guān)鍵字methods里。你少了個s吧。具體可參考官方文檔https://cn.vuejs.org/v2/guide...

2017年12月26日 02:21