vue中select选择框的监听事件

template模板：

<el-select v-model="valueClass" placeholder="请选择学生" class="studentSelect">

<el-option

v-for="item in classList"

:key="item.id"

:label="item.className"

:value="item.teacherId">

</el-option>

</el-select>

script :

data:{

valueClass:' '

}

watch:{

valueClass (val, oldval) {

// console.log(this.classList[val]);

this.afterSwitchClassId = this.classList[val].classId;

this.afterSwitchTeacherId = this.classList[val].teacherId;

// console.log(this.afterSwitchClassId);

//console.log(this.afterSwitchTeacherId)

}

首先要在selecte选择框绑定初始值，然后监听绑定的数据

vue中select选择框的监听事件相关推荐

button layui 点击事件_Layui 带多选框表格监听事件以及按钮自动点击写法实例
不话不多说了,直接上代码吧: 获取选中行数据获取选中数目验证是否全选提交选择 id运动名运动时长运动类型 var msg=""; var idlist="" ...
ROS中 Python/C++ 键盘按键监听事件
ROS中 Python/C++ 键盘按键监听事件这几天在肝全国智能驾驶大赛,真就挺累的:抓狂思考,手搓代码,疯狂编译,要命运行.在这趟火车上,被各种各样的问题卡住甚至卡死,就很难受好吧.至今,我深深 ...
vue中给window添加滚动监听无效的解决方案
页面中有这么一个需求,当页面滚动到一定高度之后,页面中的某些元素进行吸顶,固定到顶部位置,或者是滚动到一定程度进行更新数据的操作. 我相信不少网友查阅过类似的资料,网友给出的解决方案,很多都是在mou ...
vue中进行窗口变化的监听
今天vue项目中用到的元素的宽度依赖与窗口的宽度,所以在进行宽度设置的时候涉及到窗口的变化,因为元素的宽度要随着窗口变化分成几个步骤来实现这一过程 1.首先元素的宽度依赖与窗口的宽度,就需要有接受窗 ...
Android中Preference的使用以及监听事件分析
...
java 文本框输入监听事件_JAVA GUI 事件监听事件详解和案例.
GUI(图形用户界面) Graphical User Interface(图形用户接口) 用图形的方式, 来显示计算机操作的界面, 这样更方便更直观. CLI Command Line Use ...
PyQt5 技术篇-QComboBox下拉框绑定监听事件实例演示
currentIndexChanged.connect() 用于监听当前选择的索引改变. 即,选择的内容改变就会触发! items = ["脚本录制", "脚本回放&qu ...
Android中自定义ScrollView的滑动监听事件，并在滑动时渐变标题栏背景颜色
效果图滑动前: 滑动中: 滑动到底部: 项目结构 ObservableScrollView package com.jukopro.titlebarcolor;import android.cont ...
oracle中showTime用法,ant design vue中日期选择框混合时间选择器的用法
首先时间格式化用到moment方法,需要在页面中引入moment组件 import moment from 'moment' 结构代码: 其中,showTime.defaultValue是设置的默认展 ...

vue中select选择框的监听事件

vue中select选择框的监听事件相关推荐

最新文章

热门文章