vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > select change事件传递参数

vue select change事件如何传递自定义参数

作者:JiaPeng366

这篇文章主要介绍了vue select change事件如何传递自定义参数,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

select change事件传递自定义参数

今天记录一个小问题,最近get到的一个方法,不太常用,记录一下,增强记忆吧。

之前在vue项目中,也经常使用select标签,也经常用change事件,经常用的change事件中,一直有个默认参数,就是选中的选项的信息,最近一个需求除了需了选中项信息外,还需要其他的参数。

今天记录一下这种传参方式,直接上代码。

// 普通用法,没有自定义参数
@change="handleChange"
handleChange (event) {
    // event.target.value 是change事件默认传的信息
    console.log(event.target.value)
}
// 需要传自定义参数时
@change="handleChange($event, '自定义参数')"
handleChange (event, param) {
    // event.target.value 是change事件默认传的信息
    // param 是自定义的参数
}

@change函数传自定义参数

在vue项目中,某些场景中CheckBox等一些组件的@change函数需要传一些自定义参数

实例

<el-checkbox label="hello" v-model="helloNum" @change="changeFunc($event,'自定义参数')" ></el-checkbox>
methods: {
    changeFunc(val,'自定义参数') {
        console.log(val,'自定义参数')
        //打印结果是:true/false ,'自定义参数'
    }
}

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。 

您可能感兴趣的文章:
阅读全文