van小程序组件buttonclick发布失效

[步骤]在app.json里引入了van-button组件"usingComponents":{"van-button":"/wxcomponents/vant/button/index"}点击按钮[结果]在页面上也显示了vant的按钮组件，但是点击确没有效果，并报错。

先看看html代码：

login.wxml

<view class="itemView">用户名：    <input class="input" name="userName" placeholder="请输入用户名"

bindinput ="userNameInput"/>

</view>

<view class="itemView">密    码：    <input class="input" password placeholder="请输入密码"

bindinput="passWdInput" />

</view>

<view class="viewName" style="background-color:#fbf9fe">

<button class="loginBtn" bindtap="loginBtnClick">登录</button>

</view>

在看js代码：

login.js

// pages/index/login.jsPage({

data: {

userName: '',

userPwd:""

},  //获取用户输入的用户名  userNameInput:function(e)

{    this.setData({

userName: e.detail.value

})

},

passWdInput:function(e)

{    this.setData({

userPwd: e.detail.value

})

},  //获取用户输入的密码  loginBtnClick: function (e) {

console.log("用户名："+this.data.userName+" 密码：" +this.data.userPwd)

}

,  // 用户点击右上角分享  onShareAppMessage: function () {

}

})

希望我的回答可以帮到您哦