vue.js - vue 绑定事件时可以动态赋值么

问题描述

问 题

如图：
元素的属性可以动态绑定，那绑定事件时可以实现动态赋值么，希望能主动解析obj.eve为真正的方法名称，现在这么添加事件是报错的，怎么可以实现动态赋值呐

解决方案

我这里自己理一下办法，将动态的方法名称传给一个事件处理总线的方法，因为方法的参数是可以动态传值的，真正方法需要的参数可以放到后面，在中转方法调用本来方法时传入。

//template
<el-input v-model="projectForm[obj.field]">
    <el-button v-if="obj.icon" slot="append" :icon="obj.icon" @click.native="eventBus(obj.eve, obj.icon)">
    </el-button>
</el-input>

//methods
eventBus(eveName, ...parameters) {
    this[eveName](...parameters);
}

这篇关于vue.js - vue 绑定事件时可以动态赋值么的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！