vue开发中获取select下拉菜单选定的值。

来源:IT星空
访问量:169
发布日期:2023-11-22

vue开发中,需要获取表单元素select下拉选择框选择的值,通过@change事件来获取,例如:

<select @change="chengshi">
  <option value="beijing">北京市</option>
  <option value="shanghai">上海市</option>
  <option value="tianjin">天津市</option>
</select>

要获取选择的城市值,change事件这样写:

chengshi(e){
	// e.target.value 是change事件默认传的信息
	console.log(e.target.value)
	//假如你选的是北京市,这里console出的结果是:beijing
}