@change on select 传递没有属性的参数“事件”

Question

我正在使用 bootstrap-vue 和 vue-router 开发一个项目。我想访问 @change 上的 event.target，但我只得到 $event，它只有选定的值并且没有任何属性。我认为 $event 不是单个值，而是一个具有目标等属性的对象，但我错了吗？

这是一个片段：

    <b-form-select plain :options="options" class="text-nowrap" @change="test($event)"></b-form-select>

export default {

 ...

  methods: {

    test: function(event) {

      console.log(JSON.stringify(event)) // -> selected option value is shown

      console.log(JSON.stringify(event.target)) // -> shows "Cannot read property 'target' of undefined"

    }

  }

}

Answer 1

您可以尝试在组件上使用本机事件侦听器：<b-form-select&nbsp;plain&nbsp;:options="options"&nbsp;class="text-nowrap"&nbsp; &nbsp;&nbsp;&nbsp;@change.native="test"></b-form-select>