尝试更改标签的 JSON 格式。
如果将 JSON 格式修改为以下格式,警告消息将会消失
[{
Investor: [
{display: "Mutual Fund", value: 'Mutual Fund'},
{display: "Insurance", value: 'Insurance'},
{display: "FII", value: 'FII'},
{display: "PMS", value: 'PMS'},
{display: "Proprietary", value: 'Proprietary'},
{display: "HNI", value: 'HNI'},
{display: "Private Equity", value: 'Private Equity'},
{display: "Others", value: 'Others'}
]
},
{
Research: [
{display: "Global", value: 'Global'},
{display: "Domestic", value: 'Domestic'},
{display: "Retail", value: 'Retail'},
{display: "Others", value: 'Others'}
]
},
{
Corporate: [
{display: "Corporate", value: 'Corporate'}
]
},
{
Others: [
{display: "Debt", value: 'Debt'},
{display: "Debt Adviser", value: 'Debt Adviser'},
{display: "Investment Banker", value: 'Investment Banker'},
{display: "Media", value: 'Media'},
{display: "Others", value: 'Others'}
]
}
]
Updated:
我已将您的 JSON 格式更新为大多数用例中使用的更友好的 JSON 格式。
尝试这个方法,让我知道它是否有效
Template
<div v-for="(obj,index) in tags" :key="index">
{{index}} {{obj.topic}}
<div style="padding-left: 20px;" v-for="(category,index1) in obj.category" :key="index1">
{{index1}} == {{category.display}} || {{category.value}}
</div>
</div>
Script
export default {
data () {
return {
tags :
[
{
topic : "Investor",
category : [
{display: "Mutual Fund", value: 'Mutual Fund'},
{display: "Insurance", value: 'Insurance'},
{display: "FII", value: 'FII'},
{display: "PMS", value: 'PMS'},
{display: "Proprietary", value: 'Proprietary'},
{display: "HNI", value: 'HNI'},
{display: "Private Equity", value: 'Private Equity'},
{display: "Others", value: 'Others'}
]
},
{
topic : "Research",
category : [
{display: "Global", value: 'Global'},
{display: "Domestic", value: 'Domestic'},
{display: "Retail", value: 'Retail'},
{display: "Others", value: 'Others'}
]
},
{
topic : "Corporate" ,
category : [
{display: "Corporate", value: 'Corporate'}
]
},
{
topic : "Others",
category : [
{display: "Debt", value: 'Debt'},
{display: "Debt Adviser", value: 'Debt Adviser'},
{display: "Investment Banker", value: 'Investment Banker'},
{display: "Media", value: 'Media'},
{display: "Others", value: 'Others'}
]
}
]
}
}
}