如何在 Vuejs 中获取事件对象的值答案

【问题标题】：How to get event object value in Vuejs如何在 Vuejs 中获取事件对象的值
【发布时间】：2020-10-28 00:36:52
【问题描述】：

我有更改事件，它返回对象数据，我需要从这些数据中获取特定值，但我不知道如何。

截图

代码

serviceSelected(event) {
    console.log('service event1: ', event)
    console.log('service event2: ', event.value) // undefined
}

有什么想法吗？

【问题讨论】：

标签： javascript vue.js vuejs2

【解决方案1】：

本例中的事件实际上是一个数组，因此您可以像这样访问您的值：

serviceSelected(event) {
    console.log(event[0].value)
}

【讨论】：

【解决方案2】：

正如@Pierre Said 已经给出的答案。以下是有关 Vue 工作原理的更多详细信息。

Vue使用this.$refs与DOM引用交互，你可以使用这个或者使用app.input1设置vue变量，其中app是Vue对象，input1在数据元素中

var app = new Vue({
  el:'#app',
  data:{
    input1: ''
  },
  methods:{
    method1: function (){
        console.log("Insidide Vue: ",this.$refs['input1'].value);
    }
  }
})

function method1(e){
app.input1 = $(e).val();
console.log("Outside Vue: ",$(e).val());
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<input @change="method1" onchange="method1(this)" ref="input1">
<div>input1 : {{input1}}</div>
</div>

【讨论】：