weex vue点击按钮获取input输入内容

使用v-model

主要HTML:

<input class="input" type="text" placeholder="用户名" v-model="username">

<input class="input" type="text" placeholder="密码" v-model="userpsd" >

<a href="javascript:void(0)" class="button" @click="formValidate"></a>

JS:

export default {

    data:{

         username:"",

         userpsd:""

    },

    methods:{

          formValidate:function(event){

                console.log( this.username);

                console.log( this.userpsd);

           }

    }

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 2,117评论 1 10
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,917评论 2 17
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,086评论 0 29
  • 深入响应式 追踪变化: 把普通js对象传给Vue实例的data选项,Vue将使用Object.defineProp...
    冥冥2017阅读 4,907评论 6 16
  • 拖延症果然是个可怕的东西。 知道自己总是有把所有的事情拖到最后一秒钟,直到再也不能拖的时候才硬着头皮去做的毛病,为...
    螢火為孤單閃耀阅读 254评论 0 3