vue中ref在input中详解

• Z时代
• 2024-01-10
• 分类：综合

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

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中详解 的全部内容， 来源链接： utcz.com/z/378616.html