如何提取vejs数据值

Question

data(){
return {
filters: [
{ key: 'a', value: '12' },
{ key: 'b', value: '34' },
{ key: 'c', value: '56' },
{ key: 'd', value: '78' },
{ key: 'e', value: '90' },
], 
}
}

如何提取"34"?

我们可以这样做吗?

console.log(this.filters.key)

Answer 1

您可以通过使用Array#find方法来实现这一点。

this.filters.find(({ value }) => value === '34').value;

Live Demo:

new Vue({
el: '#app',
data(){
return {
filters: [
{ key: 'a', value: '12' },
{ key: 'b', value: '34' },
{ key: 'c', value: '56' },
{ key: 'd', value: '78' },
{ key: 'e', value: '90' },
], 
}
},
computed: {
getValue() {
return this.filters.find(({ value }) => value === '34').value;
}
}
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<p>{{ getValue }}</p>
</div>