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

问题描述

问 题

<!-- 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就能改变了，但是写完发现改变不了 又不知道错在哪 那位前辈帮忙看看？

解决方案

把n放到data里面去

data {
    n: 0
}

这篇关于javascript - 请问这里，我这样写哪里不对呢？这里的methods难道不能这样绑定函数？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！