码迷,mamicode.com
首页 > 其他好文 > 详细

vue中ref在input中详解

时间:2018-12-13 23:28:50      阅读:560      评论:0      收藏:0      [点我收藏+]

标签:方法   template   style   put   NPU   mode   exp   文本   bsp   

当我们在项目中遇见文本输入框的时候,获取时刻输入框中的值

1、v-model

<template>
    <input type="text" v-model="inputval">
</template>
export default {
  data(){
     return {
            inputval:‘‘,
        }
     },      
     watch:{
          inputval(){
               console.log(this.inputval)  
          }  
      }
}        

2、ref自定义一个方法

<template>
    <input type="text" ref="input">
</template>
export default {
  data(){
     return {
            inputval:‘‘,
        }
     },      
     watch:{
          inputval(){
               console.log(this.$refs.usernameInput.value)
          }  
      }
}        

 

vue中ref在input中详解

标签:方法   template   style   put   NPU   mode   exp   文本   bsp   

原文地址:https://www.cnblogs.com/houjl/p/10116949.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!