vue实现登陆功能

1、首先说说怎么获取input框的值

vue中提供了一个ref属性，这里需要在html代码中用ref属性来绑定这个input框，再通过js代码来获取input的值：

HTML代码：

js代码：

this.test1 = this.$refs.input1.value;//获取input1的值，减少获取dom节点的消耗

2、如何利用vue实现登陆功能：

这里用到@click来绑定一个点击事件

html代码：

• 账号：

  <input type=“text” v-model=“test1” placeholder=“请输入账号” maxlength=“11” οnkeyup="value=value.replace(/[^0-9.]/g,‘’) " ref=“input1” @blur=“changeName(test1)”>
  密码：

  <input type=“password” v-model=“test2” placeholder=“请输入密码” ref=“input2” @blur=“changeName1(test2)”>
  验证码：

  <button @click=“getYzm”>{{codeText}}
  

  js代码：data用来存放数据，methods中存放上面定义的事件，如click事件。需要注意的是vue定义事件的写法。

  this.$message(‘请输入验证码’);//这个是element提供的一个消息提示，类似于layer.msg();