帮我在vue3中,写一个过滤器,要求对输入的数据和一个数组中的某项进行比对,一旦比对成功,就输出这个数组
时间: 2023-05-14 08:07:27 浏览: 143
一个过滤器,用于将您的对象转换为可以轻松过滤和排序 的数组_JavaScript_代码_相关文件_下载
中对应项的值,否则输出空字符串。以下是示例代码:
```javascript
Vue.filter('compare', function(input, array, key) {
for (var i = 0; i < array.length; i++) {
if (input === array[i][key]) {
return array[i];
}
}
return '';
});
```
使用方法:
```html
<div>{{ 'apple' | compare(fruits, 'name') }}</div>
```
其中,'apple' 是输入的数据,fruits 是数组,'name' 是数组中要比对的属性名。
阅读全文