当我们在项目中遇见文本输入框的时候,获取时刻输入框中的值
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) } } }
原文地址:https://www.cnblogs.com/houjl/p/10116949.html
时间: 2024-11-05 11:26:24