验证；获取 v-select 字段的根元素

Question

在 vuetify 驱动的项目中，我有以下 select select 元素；

<v-select 
        v-model="$root.$data.currentStudent.LivingConditions" 
        :disabled="!editing" 
        :items="$root.$data.livingconditions" 
        field="@SecurityHelper.SimpleCrypt("LivingConditions")"
        label="Bopæl" item-text="text" item-value="value" 
        @@change="SaveChange2"
></v-select>

在 SaveChange2 事件中，我需要获取属性 "field" 的值，但由于 event.target 不是发送元素的子元素，我无法确定知道如何做到这一点..

有什么建议吗？

Answer 1

您可以按如下方式向处理程序发送参数：

@change="handler($event, someArg)"

这样，它将以 event 作为第一个参数，无论你发送什么作为第二个参数来执行。

在你的情况下（我假设你使用两个 @@ 由于一些模板引擎）：

@@change="SaveChange2($event, $root.$data)"

而 SaveChange2 可能是：

methods: {
  SaveChange2(evt, data) {
    console.log('event is', evt);
    console.log('field is', data.field); // equivalent to $root.$data.index
  }
}

验证；获取 v-select 字段的根元素

Vuetify; get the root element of a v-select field

javascript

vue.js

vuetify.js