vue中监听input输入事件

JavaScript监听input输入事件&lt;body&gt;&lt;input type="text" id="myInput" oninput="inputFunction()"&gt;&lt;p id=

StephenO_o

24989人浏览 · 2018-11-21 16:20:28

StephenO_o · 2018-11-21 16:20:28 发布

JavaScript监听input输入事件

<body>
	<input type="text" id="myInput" oninput="inputFunction()">
	<p id="demo"></p>
	<script>
		function inputFunction( ) {
			let o = document.getElementById("myInput").value
			document.getElementById("demo").innerHTML = "你输入的是 ："  + o; 
		}
	</script>
</body>

js监听input输入事件

Vue中监听input输入事件

<input type="text" id="myInput" @input="inputFunction()">
<p id="demo"> </p>

methods:{
	inputFunction(){
		let o = document.getElementById("myInput").value
		document.getElementById("demo").innerHTML = "你输入的是 ："  + o; 
	}
}

vue监听input输入事件

注意

在vue中，监听input输入事件，使用的是v-on指令。
v-on: input = “func” 或者简写为 @input = “func”
?

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^