我用于显示特定帖子详细信息的json数据是
http://127.0.0.1:8000/listings/
{"data": {"pid": 109, "name": "Labs", "website": "service.com", "status": true}
我的json数据(用于获取完整的个人资料详细信息)是
http://127.0.0.1:8000/profile/
{"status": true, "data": {"basic": {"name": "Kuis", "is_new": false, "is_email_verified": false, "is_phone_verified": false}, "listings": [{"pid": 109, "nams": "Labs","created_at": "2018-02-14", "validity": "2019-06-29", "views": 2, "gstno": "09485481072", "is_featured": false },{"pid": 112, "nams": "Labs12","created_at": "2018-02-15", "validity": "2019-06-29", "views": 2, "gstno": "09499481072", "is_featured": false }], "total_listings": 2}}
所以,现在我给一个编辑选项。因此,我需要检查pid是否在配置文件数据中退出?我怎样才能达到同样的目的?
我的Vue JS代码是
mounted() {
var self = this;
data = {};
data['auth-token'] = this.authType;
$.ajax({
url: "http://127.0.0.1:8000/profile/",
data: data,
type: "POST",
dataType: 'json',
success: function (e) {
if (e.status == 1) {
self.listings = e.data.listings;
}
},
});
data = {};
data['auth-token'] = this.authType;
data['pid'] = this.pid;
$.ajax({
url: "http://127.0.0.1:8000/listings/",
data: data,
type: "POST",
dataType: 'json',
success: function (e) {
if (e.status == 1) {
self.data = e.data;
}
},
});
},
我有个列表数据,data[]
而个人资料中有所有列表数据listings[]
。
我需要比较pid
中data[]
存在的listings[]
。
我需要在HTML
侧面实现以下目标
<div if="data.pid == listings.pid"> Success </div> <div v-else> Failure</div>
我是一个初学者,只了解基础知识。请帮我解决。
由于清单是一个数组而不是一个对象,因此您需要使用index对其进行循环:
function checkOccurence(data, listing) {
let dataFound = false;
for(let i = 0; i < listing.length; i++) {
if (listing[i].pid === data.pid) {
dataFound = true;
break;
}
}
return dataFound;
};
然后,您可以使用boolean
渲染中的return来确定success
或failure
类似这样:
<div if="checkOccurence(data, listing)"> Success </div> <div v-else>Failure</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句