在vue js中提交预先填写的表单

Question

表格是这个。

<div v-if="formhide">
                  <form="dbadmin_login_form" method="post" action="https://example.com/#abc:db=rohit_one_test" id="myform" name="login_form" target="_blank">' +
                    <div class="item">'
                    <input type="text" name="pma_username" id="input_username" value="rohit_one_test">
                    </div>
                    <div class="item">
                    <input type="password" name="pma_password" id="input_password" value="test123">
                    <input type="submit" id="input_go" value="Go">
                  </div>
                  </form>
                </div>

提交方法是这个

popup(){
     console.log($("#myform").submit());
     $("#myform").submit();
  }

日志可以在控制台上看到，但是什么也没发生。

@编辑代码

HTML部分

              <form  v-if="formhide" method="post" :action="pma_posturl" ref="myform" name="login_form" target="_blank">
                <input type="text" name="pma_username" id="input_username" :value="pma_username">
                <input type="password" name="pma_password" id="input_password" :value="pma_password">
              </form>

值初始化部分

export default{
  data: function(){
    return{
    pma_username: '',
    pma_password: '',
    pma_posturl: "example.com",
    pma_dbname:'',
    formhide:false,

//表单提交部分

popup(){
     this.pma_username=this.credentials.database;
     this.pma_password=this.credentials.password;
     this.pma_posturl=this.pma_posturl+this.credentials.database;

     this.$refs.myform.submit();
  }

在调用页面刷新和弹出方法时，输入字段的值将保留在初始化时设置的值。 第二次更新相应的值。如何解决此问题。