最近写了一个项目中的一个大模块,里面用到了很多之前没有用过的方法和思路,在这里记录一下

本文介绍了项目中el-select组件的change事件用法,包括根据下拉框值控制其他字段展示,以及如何在change事件中处理数据。同时提及了数据获取的不同方式,如接口和字典查询,以及data和rules中required属性的实际控制。
摘要由CSDN通过智能技术生成

1.项目中el-select的@change用法

项目中目前出现了两个地方,第一种是根据某个字段下拉框的某一个值,控制另一个字段是否展示,第二种根据某个字段下拉框的某个或者某几个值,控制另一个字段的一些值是否展示。

@change="selectChange(val,val2)"这里传参,传下面方法需要的值

selectChange(val,val2){

if(){

这里根据条件对数据进行处理

},

}

change选中值发生变化时触发目前的选中值

  • change事件前要加@v-on绑定事件
  • change事件是定义在select标签中,而不是option标签中
  • change事件的参数是回调参数,自动绑定选中的下拉框选项,不需要定义参数。若需要传递除下拉框选项以外的其他参数,则可以在声明时定义

2.一般来说,获取数据的方式除了通过接口,还会通过字典查询,这些后端都会给我们提供

3.之前data和rules都定义了required必填,但实际控制required是rules

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值