javascript - v-model在input:hidden下有时没有赋值

Question

<form target='postIframe' method="post" @keyup.enter='loginSubmit' id="postForm">
        <p class="login-item user-box">
          <input type="text" placeholder="请输入用户名" value="" v-model="user" class="text" >
        </p>
        <p class="login-item password-box">
          <input type="password" placeholder="请输入密码" value="" v-model="password" class="text" >
        </p>
        <p class="login-item validateCode-box">
          <input type="text" placeholder="请输入验证码" value="" v-model="validateCode" class="validateCode">
          <img src="http://192.168.10.51:8080/starskybbs/captcha/next/?w=120&h=45" alt="验证码" />
        </p>
        <p class="login-item">
          <input type="button" value="登录" class="login-btn" @click="loginSubmit">
        </p>
        <input type="hidden" name="username" :value="user">
        <input type="hidden" name="password" :value="password">
        <input type="hidden" name="rememberMe" :value="true">
        <input type="hidden" name="captcha" :value="validateCode">
      </form>
<iframe src="" name="postIframe" id="postIframe" style="display:none"></iframe>

input:hidden 好奇怪，有时form submit()有值传输过去，有时没有...是个空值
但在methods里的function里的this.user判断是正常执行的，就是可以判断到是否为空值

ps iframe是用来跨域的，form的action在methods里的function进行动态赋值了。