请问这里，我这样写哪里不对呢？这里的methods难道不能这样绑定函数？

Question

<!-- HTML -->

<div id="keyDiv-demo">

    <div>

        <template v-if="loginType==='username'">

            <label>Username</label>

            <input placeholder="Enter your username">

        </template>

        <template v-else>

            <label>Email</label>

            <input placeholder="Enter your email address">

        </template>

    </div>

    <button v-on:click="changename">Toggle login type</button>

</div>

// 对应的vue

var vueifKey = new Vue({

    el:"#keyDiv-demo",

    data:{

        loginType:'username'

    },

    methods:{

        changename:function(){

            var n = 0;

             n += 1;

            var vm = this;

            if(n%2===0){

                vm.loginType='email'

            }else{

                vm.loginType='username'

            }

        }

    }

})

我想点击button之后 loginType就能改变了，但是写完发现改变不了 又不知道错在哪 那位前辈帮忙看看？

Answer 1

把n放到data里面去data&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;n:&nbsp;0}