怎么使用vue定义数组对象

发布时间：2022-10-13 14:25:24 阅读：1986 作者：iii 栏目：开发技术

Vue开发者专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

这篇“怎么使用vue定义数组对象”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“怎么使用vue定义数组对象”文章吧。

1.首先，在vue-cli中创建一个vue.js项目；

vue create project-name

2.vue.js项目创建好后，在项目中使用personQueryList方法即可定义一个数组对象；

personQueryList(this.paramType).then(res => {for (let i = 0; i < res.records.length; i++) {this.options[i] = {label: res.records[i].name,value: res.records[i].code}}})

相关扩展：

1）对数组对象进行去重

methods:{unique(arr) { // 根据唯一标识orderId来对数组进行过滤　　　　　　const res = new Map(); 　　　　　　 　　　return arr.filter((arr) => !res.has(arr.OrderId) && res.set(arr.OrderId, 1))},}this.arr = this.unique(this.arr);

2.对数组对象进行排序

created() {this.$axios.run(***, (res) => {if (res.code === 0) {this.arr= res.data;this.arr.sort(this.compare('code'));this.selectInit(res.data);}});this.onInit();},methods: {compare(property) {return function(a, b) {let value1 = a[property];let value2 = b[property];return value1 - value2;};},

以上就是关于“怎么使用vue定义数组对象”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注亿速云行业资讯频道。

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

向AI问一下细节

怎么使用vue定义数组对象

猜你喜欢

最新资讯

相关推荐

开发者交流群：

相关标签