vue+element+input+@input获取event事件值

Posted 2022-01-02 web半晨

目录

• 1、正常写法（获取不到event的值）
• 2、添加修饰事件（native）

---

1、正常写法（获取不到event的值）

<div id="app">
	<template>
		<el-row>
			<el-col :span="12">
				<el-input 
					style="width: 60%" 
					v-model="value" 
					placeholder="请输入" 
					@input="inputValue($event, value)"
				>
				</el-input>
			</el-col>
		</el-row>
	</template>
</div>

inputValue函数获取到两个一样的值，这里的value用法和v-model一样。

---

2、添加修饰事件（native）

<div id="app">
	<template>
		<el-row>
			<el-col :span="12">
				<el-input 
					style="width: 60%" 
					v-model="value" 
					placeholder="请输入" 
					@input.native="inputValue($event, value)"
				>
				</el-input>
			</el-col>
		</el-row>
	</template>
</div>

inputValue函数会分别获取到$event和value的值，这里的value用法和v-model一样。