如何使用vuejs获取所有值表单 [英] How to get all value form using vuejs

问题描述

你有代码html。

Hi a have code html.

<pre> <form class="m-t panel" role="form" id="login">
                            <div class="panel-heading">
                                <div class="panel-title"> </div>
                            </div>
                            <div class="input-group">
                                <div class="input-group-addon">
                                    <span class="glyphicon glyphicon-envelope"></span>
                                </div>
                                <input type="text" upperCase="true" class="form-control" 

                                      placeholder="Thông tin người sử dụng" v-bind:value="userName">
                                
                            </div>
                            <div class="input-group" style="padding-top:10px !important;">
                                <div class="input-group-addon">
                                    <span class="glyphicon glyphicon glyphicon-log-out"></span>
                                </div>
                                <input type="password" class="form-control" placeholder="Thông tin mật khẩu" v-bind:value="pw">
                            </div>
                            <button type="button" class="btn btn-primary block full-width m-b" style="margin-top:10px;" v-on:click="dangnhap()">
                                
                                Login
                            </button>
                            <a href="#">
                                <small>Quên mật khẩu?</small>
                            </a>
                            <p class="text-muted text-center">
                            </p>
                        </form>

i使用此代码获取单击按钮时的值

i used this code get value when click button

var rootUrl="@Core.Constants.Config.GetBaseUrl()";

       var login = new Vue(
           {
               el: "#login",
               data: {
                   userName: "",
                   pw: "",
               }
               ,
               methods: {
                   dangnhap: function (evt) {
                       debugger;



                   }
               }
           }
       );

但值很多。



感谢支持



我尝试了什么：



i使用js但不是运行

but value is nulll.

thanks to support

What I have tried:

i used js but it not run

<pre lang="Javascript">


 var rootUrl="@Core.Constants.Config.GetBaseUrl()";

        var login = new Vue(
            {
                el: "#login",
                data: {
                    userName: "",
                    pw: "", 
                }
                ,
                methods: {
                    dangnhap: function (evt) {
                        debugger;

                         

                    }
                }
            }
        );

推荐答案

我想你忘记了返回{}喜欢



data（）{



返回{



userName：，

pw：



}



}，



方法：{



dangnhap（） {



alert（`我的用户名是

I think you forgot the the return {} like

data() {

return {

userName: "",
pw: ""

}

},

methods: {

dangnhap() {

alert(`my username is

{this.userName}，我的密码是

{this.userName} and my password is

{this.pw}`）;

< br $>
}





}

{this.pw}`);

}


}

这篇关于如何使用vuejs获取所有值表单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！