您现在的位置是:网站首页> 编程资料编程资料
vue如何判断数组中的对象是否包含某个值_vue.js_
2023-05-24
410人已围观
简介 vue如何判断数组中的对象是否包含某个值_vue.js_
判断数组中的对象是否包含某个值
xxx (array, str) { var index = array.findIndex(item => item.id=== str) // var index = array.indexOf(str) // 当数组里的对象为字符串时用这个方法更简单 return index // -1 说明array中不存在id为str的对象 } 判断对象是否包含某个属性,el-table formatter判断
当前的业务逻辑是表格中大概有四五个字段需要判断,如果是null或者0就返回暂无数据,有值的话就返回对应的值,如下图:

由于需要进行的操作是一样的,所以用一个formatter就可以了,所以要判断对应的字段,代码如下:
1.表格部分
2.方法体部分
dataFormat(row, column) { const field = column.property if (Object.prototype.hasOwnProperty.call(row, field)) { if (row[field] == null || row[field] === 0) { return '暂不要求' } } return row[field] } 其中Object.prototype.hasOwnProperty.call(row, field)就是判断row中是否包含对应的字段名称
原先的写法是
row.hasOwnProperty(field)
现在换成
Object.prototype.hasOwnProperty.call(row, field)
但是报错 ESLint: Do not access Object.prototype method 'hasOwnProperty' from target object.(no-prototype-builtins)
所以最好是从 Object.prototype 调用这些方法
以上为个人经验,希望能给大家一个参考,也希望大家多多支持。
相关内容
- Vue 关闭当前页、关闭当前标签tagsView的实现方法_vue.js_
- wasm+js实现文件获取md5示例详解_JavaScript_
- Vue中的@blur事件 当元素失去焦点时所触发的事件问题_vue.js_
- vue实现tagsview多页签导航功能的示例代码_vue.js_
- vue中关于trigger的用法_vue.js_
- JavaScript最少知识原则介绍与体现_javascript技巧_
- JS实现简单网页倒计时器_javascript技巧_
- vue项目 npm run build 打包项目防止浏览器缓存的操作方法_vue.js_
- Node交互式的SFTP上传实现过程剖析_node.js_
- 如何手动销毁Vue中挂载的组件_vue.js_
