отправка предварительно заполненной формы в 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();
  }

, когдаМетод обновления страницы и всплывающего окна называется значением поля ввода, оставшимся тем, что было задано во время инициализации.во второй раз он обновляет соответствующее значение. Как это исправить.