vue3 props数组多条件匹配

在Vue3中，可以使用Array.prototype.filter()方法进行props数组的多条件匹配。例如，假设有一个组件的props数组propsData，要按照多个条件进行匹配：

export default {
  props: {
    propsData: {
      type: Array,
      default: () => [
        {name: 'Alice', age: 25, gender: 'female'},
        {name: 'Bob', age: 30, gender: 'male'},
        {name: 'Charlie', age: 20, gender: 'male'},
        {name: 'David', age: 35, gender: 'male'},
        {name: 'Eve', age: 28, gender: 'female'}
      ]
    }
  },

  mounted() {
    // 多条件匹配
    const matchedArr = this.propsData.filter(item => {
      return item.age === 25 && item.gender === 'female'
    })

    console.log(matchedArr)  // [{name: 'Alice', age: 25, gender: 'female'}]
  }
}

上述代码中，使用filter()方法对propsData数组进行匹配，返回符合条件的数组元素。在filter()方法的回调函数中，使用逻辑运算符&&连接多个条件，实现多条件匹配。注意，在组件中使用props属性时，要通过this来访问props数组。