Vuetify; 獲取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不是sending元素的子元素，因此我不知道該怎么做。

有什么建議么？

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
  }
}