首页 > 解决方案 > 如何为已经有界的 Vue 方法添加上下文?

问题描述

我想通过 Vue 下拉组件更新 JS 对象。
我试过:
- 绑定函数,但它已经被 Vue 绑定了。
- 添加额外的参数,但它被下拉 Vue 组件忽略

组件:https ://github.com/vue-garden/vue-dropdown/blob/master/src/Dropdown.vue

<tr v-for="decision in decisions" :key="decision.name">
<td>
    <dropdown :multiple="true" :data="decision.domain" :cbChanged="dropdownChange.bind(decision)"></dropdown>
    <!-- dropdown :multiple="true" :data="decision.domain" :cbChanged="dropdownChange"></dropdown -->
</td>
</tr>
...
function dropdownChange(value) {
    console.log(this); // Vue component (OK)
    console.log(this.name) // undefined (how to pass name to this method?)
    console.log(value); // new value (OK)
    // Goal: this.decisions[name] = value;
}

如何更新决策值?这是不可能的吗?

标签: javascriptvue.jsvuejs2

解决方案


推荐阅读