data(){
return {
options:[
{ value: "13423", label: "dfsdfdsf" },
{ value: "34232", label: "fdsfdsfsd" },
{ value: "34323", label: "afdsfds" },
{ value: "2433", label: "bgdfdg" },
{ value: "5343", label: "badvfsfs" },
{ value: "32346", label: "bbdfsdfsd" },
{ value: "42347", label: "cdfdsfs" },
{ value: "75658", label: "gdfddg" },
{ value: "14344", label: "dfgfdgfd" },
{ value: "14450", label: "vdfsdfds" },
]
}
created(): {
this.options = this.options.sort(this.sortBankList("label"));
}
},
methods:{
sortBankList(propertyName) {
return function sortList(object1, object2) {
const value1 = object1[propertyName];
const value2 = object2[propertyName];
if (value2 < value1) {
return 1;
}
if (value2 > value1) {
return -1;
}
return 0;
};
},
}
在vue中对数组对象中的某一属性按照字母排序
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 1、css数字字母换行 2、组件之间优雅的传值!!! ①、创建一个js文件 ②、在需要传值过去的组件 ③、在需要接...
- sort方法接收一个函数作为参数,这里嵌套一层函数用来接收对象属性名,其他部分代码与正常使用sort方法相同. 如...