json后端給我的數(shù)據(jù),現(xiàn)在要將 標(biāo)準(zhǔn)陪練-5節(jié) 這條數(shù)據(jù)不展示。我的想法第一想法是要么隱藏,要么處理json刪除這條數(shù)據(jù)。我用delete,但是發(fā)現(xiàn)原json長(zhǎng)度不變只是變空了,而且在v-for渲染的時(shí)候報(bào)錯(cuò)了
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="vue-2.3.0.min.js"></script>
</head>
<body>
<div id="myapp">
<div v-for="item in json">
<p>{{item.lesson_name}}</p>
</div>
</div>
</body>
</html>
<script type="text/javascript">
var app = new Vue({
el:"#myapp",
data:function(){
return{
json:[
{"type_name":"正課","lesson_name":"標(biāo)準(zhǔn)陪練課(中級(jí))-90節(jié)","course_name":"標(biāo)準(zhǔn)陪練","lesson_no":"BZ-c2-3","lesson_num":90,"lesson_id":37,"xufei_buy_num":1,"level_name":"中級(jí)","money":11380,"shengyu_lesson_num":100,"free_lesson_num":12,"mode_name":"陪練","tuifei_num":0,"modify_date":"2017-10-16 13:32:41","lesson_min":50,"shouci_buy_num":1},
{"type_name":"正課","lesson_name":"標(biāo)準(zhǔn)陪練課(中級(jí))-120節(jié)","course_name":"標(biāo)準(zhǔn)陪練","lesson_no":"BZ-c2-4","lesson_num":120,"lesson_id":38,"xufei_buy_num":0,"level_name":"中級(jí)","money":14180,"shengyu_lesson_num":0,"free_lesson_num":0,"mode_name":"陪練","tuifei_num":0,"modify_date":"2017-10-16 13:33:38","lesson_min":50,"shouci_buy_num":0},
{"type_name":"正課","lesson_name":"標(biāo)準(zhǔn)陪練課(中級(jí))-200節(jié)","course_name":"標(biāo)準(zhǔn)陪練","lesson_no":"BZ-c2-5","lesson_num":200,"lesson_id":39,"xufei_buy_num":0,"level_name":"中級(jí)","money":22880,"shengyu_lesson_num":217,"free_lesson_num":17,"mode_name":"陪練","tuifei_num":0,"modify_date":"2017-10-16 13:35:01","lesson_min":50,"shouci_buy_num":1},
{"type_name":"正課","lesson_name":"標(biāo)準(zhǔn)陪練課(高級(jí))-30節(jié)","course_name":"標(biāo)準(zhǔn)陪練","lesson_no":"BZ-c3-1","lesson_num":30,"lesson_id":40,"xufei_buy_num":1,"level_name":"高級(jí)","money":4680,"shengyu_lesson_num":35,"free_lesson_num":10,"mode_name":"陪練","tuifei_num":0,"modify_date":"2017-10-16 13:36:20","lesson_min":50,"shouci_buy_num":0},
{"type_name":"正課","lesson_name":"標(biāo)準(zhǔn)陪練課(高級(jí))-60節(jié)","course_name":"標(biāo)準(zhǔn)陪練","lesson_no":"BZ-c3-2","lesson_num":60,"lesson_id":41,"xufei_buy_num":1,"level_name":"高級(jí)","money":9180,"shengyu_lesson_num":58,"free_lesson_num":2,"mode_name":"陪練","tuifei_num":0,"modify_date":"2017-10-16 13:37:36","lesson_min":50,"shouci_buy_num":0},
{"type_name":"正課","lesson_name":"標(biāo)準(zhǔn)陪練課(高級(jí))-90節(jié)","course_name":"標(biāo)準(zhǔn)陪練","lesson_no":"BZ-c3-3","lesson_num":90,"lesson_id":42,"xufei_buy_num":0,"level_name":"高級(jí)","money":13480,"shengyu_lesson_num":91,"free_lesson_num":3,"mode_name":"陪練","tuifei_num":0,"modify_date":"2017-10-16 13:38:41","lesson_min":50,"shouci_buy_num":1},
{"type_name":"正課","lesson_name":"標(biāo)準(zhǔn)陪練課(高級(jí))-120節(jié)","course_name":"標(biāo)準(zhǔn)陪練","lesson_no":"BZ-c3-4","lesson_num":120,"lesson_id":43,"xufei_buy_num":0,"level_name":"高級(jí)","money":17080,"shengyu_lesson_num":0,"free_lesson_num":0,"mode_name":"陪練","tuifei_num":0,"modify_date":"2017-10-16 13:39:45","lesson_min":50,"shouci_buy_num":0},
{"type_name":"正課","lesson_name":"標(biāo)準(zhǔn)陪練課(高級(jí))-200節(jié)","course_name":"標(biāo)準(zhǔn)陪練","lesson_no":"BZ-c3-5","lesson_num":200,"lesson_id":44,"xufei_buy_num":0,"level_name":"高級(jí)","money":27680,"shengyu_lesson_num":0,"free_lesson_num":0,"mode_name":"陪練","tuifei_num":0,"modify_date":"2017-10-16 13:40:58","lesson_min":50,"shouci_buy_num":0},
{"type_name":"正課","lesson_name":"標(biāo)準(zhǔn)陪練-20節(jié)","course_name":"標(biāo)準(zhǔn)陪練","lesson_no":"BZ-c0-02","lesson_num":20,"lesson_id":64,"xufei_buy_num":0,"level_name":"全級(jí)別","money":2000,"shengyu_lesson_num":0,"free_lesson_num":0,"mode_name":"陪練","tuifei_num":0,"modify_date":"2017-11-24 15:15:22","lesson_min":50,"shouci_buy_num":0},
{"type_name":"正課","lesson_name":"標(biāo)準(zhǔn)陪練-5節(jié)","course_name":"標(biāo)準(zhǔn)陪練","lesson_no":"BZ-c0-01","lesson_num":20,"lesson_id":63,"xufei_buy_num":0,"level_name":"全級(jí)別","money":2000,"shengyu_lesson_num":14,"free_lesson_num":0,"mode_name":"陪練","tuifei_num":0,"modify_date":"2017-11-24 15:14:44","lesson_min":25,"shouci_buy_num":1}
]
}
},
created:function(){
//解開(kāi)就報(bào)錯(cuò)
// for (let i = 0; i < this.json.length; i++) {
// console.log(i)
// for(let k in this.json[i]){
// if (this.json[i][k] == "標(biāo)準(zhǔn)陪練-5節(jié)") {
// delete this.json[i];
// break;
// }
// }
// }
}
})
</script>
大兄弟,用你的方法我也試了下沒(méi)問(wèn)題
下面是代碼
<div id="app">
<ul>
<li v-for="needJson in needJsons">{{needJson}}</li>
</ul>
</div>
<script>
new Vue({
el: '#app',
data() {
return {
jsons: [
{
"type_name": "正課",
"lesson_name": "標(biāo)準(zhǔn)陪練課(中級(jí))-90節(jié)",
"course_name": "標(biāo)準(zhǔn)陪練",
"lesson_no": "BZ-c2-3",
"lesson_num": 90,
"lesson_id": 37,
"xufei_buy_num": 1,
"level_name": "中級(jí)",
"money": 11380,
"shengyu_lesson_num": 100,
"free_lesson_num": 12,
"mode_name": "陪練",
"tuifei_num": 0,
"modify_date": "2017-10-16 13:32:41",
"lesson_min": 50,
"shouci_buy_num": 1
},
{
"type_name": "正課",
"lesson_name": "標(biāo)準(zhǔn)陪練課(中級(jí))-120節(jié)",
"course_name": "標(biāo)準(zhǔn)陪練",
"lesson_no": "BZ-c2-4",
"lesson_num": 120,
"lesson_id": 38,
"xufei_buy_num": 0,
"level_name": "中級(jí)",
"money": 14180,
"shengyu_lesson_num": 0,
"free_lesson_num": 0,
"mode_name": "陪練",
"tuifei_num": 0,
"modify_date": "2017-10-16 13:33:38",
"lesson_min": 50,
"shouci_buy_num": 0
},
{
"type_name": "正課",
"lesson_name": "標(biāo)準(zhǔn)陪練課(中級(jí))-200節(jié)",
"course_name": "標(biāo)準(zhǔn)陪練",
"lesson_no": "BZ-c2-5",
"lesson_num": 200,
"lesson_id": 39,
"xufei_buy_num": 0,
"level_name": "中級(jí)",
"money": 22880,
"shengyu_lesson_num": 217,
"free_lesson_num": 17,
"mode_name": "陪練",
"tuifei_num": 0,
"modify_date": "2017-10-16 13:35:01",
"lesson_min": 50,
"shouci_buy_num": 1
},
{
"type_name": "正課",
"lesson_name": "標(biāo)準(zhǔn)陪練課(高級(jí))-30節(jié)",
"course_name": "標(biāo)準(zhǔn)陪練",
"lesson_no": "BZ-c3-1",
"lesson_num": 30,
"lesson_id": 40,
"xufei_buy_num": 1,
"level_name": "高級(jí)",
"money": 4680,
"shengyu_lesson_num": 35,
"free_lesson_num": 10,
"mode_name": "陪練",
"tuifei_num": 0,
"modify_date": "2017-10-16 13:36:20",
"lesson_min": 50,
"shouci_buy_num": 0
},
{
"type_name": "正課",
"lesson_name": "標(biāo)準(zhǔn)陪練課(高級(jí))-60節(jié)",
"course_name": "標(biāo)準(zhǔn)陪練",
"lesson_no": "BZ-c3-2",
"lesson_num": 60,
"lesson_id": 41,
"xufei_buy_num": 1,
"level_name": "高級(jí)",
"money": 9180,
"shengyu_lesson_num": 58,
"free_lesson_num": 2,
"mode_name": "陪練",
"tuifei_num": 0,
"modify_date": "2017-10-16 13:37:36",
"lesson_min": 50,
"shouci_buy_num": 0
},
{
"type_name": "正課",
"lesson_name": "標(biāo)準(zhǔn)陪練課(高級(jí))-90節(jié)",
"course_name": "標(biāo)準(zhǔn)陪練",
"lesson_no": "BZ-c3-3",
"lesson_num": 90,
"lesson_id": 42,
"xufei_buy_num": 0,
"level_name": "高級(jí)",
"money": 13480,
"shengyu_lesson_num": 91,
"free_lesson_num": 3,
"mode_name": "陪練",
"tuifei_num": 0,
"modify_date": "2017-10-16 13:38:41",
"lesson_min": 50,
"shouci_buy_num": 1
},
{
"type_name": "正課",
"lesson_name": "標(biāo)準(zhǔn)陪練課(高級(jí))-120節(jié)",
"course_name": "標(biāo)準(zhǔn)陪練",
"lesson_no": "BZ-c3-4",
"lesson_num": 120,
"lesson_id": 43,
"xufei_buy_num": 0,
"level_name": "高級(jí)",
"money": 17080,
"shengyu_lesson_num": 0,
"free_lesson_num": 0,
"mode_name": "陪練",
"tuifei_num": 0,
"modify_date": "2017-10-16 13:39:45",
"lesson_min": 50,
"shouci_buy_num": 0
},
{
"type_name": "正課",
"lesson_name": "標(biāo)準(zhǔn)陪練課(高級(jí))-200節(jié)",
"course_name": "標(biāo)準(zhǔn)陪練",
"lesson_no": "BZ-c3-5",
"lesson_num": 200,
"lesson_id": 44,
"xufei_buy_num": 0,
"level_name": "高級(jí)",
"money": 27680,
"shengyu_lesson_num": 0,
"free_lesson_num": 0,
"mode_name": "陪練",
"tuifei_num": 0,
"modify_date": "2017-10-16 13:40:58",
"lesson_min": 50,
"shouci_buy_num": 0
},
{
"type_name": "正課",
"lesson_name": "標(biāo)準(zhǔn)陪練-20節(jié)",
"course_name": "標(biāo)準(zhǔn)陪練",
"lesson_no": "BZ-c0-02",
"lesson_num": 20,
"lesson_id": 64,
"xufei_buy_num": 0,
"level_name": "全級(jí)別",
"money": 2000,
"shengyu_lesson_num": 0,
"free_lesson_num": 0,
"mode_name": "陪練",
"tuifei_num": 0,
"modify_date": "2017-11-24 15:15:22",
"lesson_min": 50,
"shouci_buy_num": 0
},
{
"type_name": "正課",
"lesson_name": "標(biāo)準(zhǔn)陪練-5節(jié)",
"course_name": "標(biāo)準(zhǔn)陪練",
"lesson_no": "BZ-c0-01",
"lesson_num": 20,
"lesson_id": 63,
"xufei_buy_num": 0,
"level_name": "全級(jí)別",
"money": 2000,
"shengyu_lesson_num": 14,
"free_lesson_num": 0,
"mode_name": "陪練",
"tuifei_num": 0,
"modify_date": "2017-11-24 15:14:44",
"lesson_min": 25,
"shouci_buy_num": 1
}
]
}
},
computed: {
needJsons: function () {
let _this = this;
this.jsons.forEach(function (item, index) {
if (item.lesson_name === '標(biāo)準(zhǔn)陪練-5節(jié)') {
_this.jsons.splice(index, 1);
}
})
return _this.jsons
}
}
})
不過(guò)還是推薦使用v-if 來(lái)達(dá)到目的
我覺(jué)得你這個(gè)把它整麻煩了,完全沒(méi)必要非要去操作數(shù)據(jù),你不想要那條數(shù)據(jù),就不讓那一條顯示就好,而且你可以把你現(xiàn)在created
周期里的函數(shù)放到mouted
里面試一下,看是不是你那個(gè)邏輯寫(xiě)錯(cuò)了。
我的解決辦法是(不用created
里面刪除數(shù)據(jù),不顯示那一條就行):
<div id="myapp">
//當(dāng)根據(jù)數(shù)據(jù)循環(huán)創(chuàng)建時(shí),若課程名稱不等于不想顯示的那一條數(shù)據(jù)才使其創(chuàng)建,否則不創(chuàng)建
<div v-for="item in json" v-if="item.lesson_name != '標(biāo)準(zhǔn)陪練-5節(jié)'">
<p>{{item.lesson_name}}</p>
</div>
</div>
北大青鳥(niǎo)APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國(guó)IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國(guó)家
北大青鳥(niǎo)中博軟件學(xué)院創(chuàng)立于2003年,作為華東區(qū)著名互聯(lián)網(wǎng)學(xué)院和江蘇省首批服務(wù)外包人才培訓(xùn)基地,中博成功培育了近30000名軟件工程師走向高薪崗位,合作企業(yè)超4
中公教育集團(tuán)創(chuàng)建于1999年,經(jīng)過(guò)二十年潛心發(fā)展,已由一家北大畢業(yè)生自主創(chuàng)業(yè)的信息技術(shù)與教育服務(wù)機(jī)構(gòu),發(fā)展為教育服務(wù)業(yè)的綜合性企業(yè)集團(tuán),成為集合面授教學(xué)培訓(xùn)、網(wǎng)
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國(guó)一站式人才培養(yǎng)平臺(tái)、一站式人才輸送平臺(tái)。2014年4月3日在美國(guó)成功上市,融資1
曾工作于聯(lián)想擔(dān)任系統(tǒng)開(kāi)發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動(dòng)互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺(tái)面向?qū)ο箝_(kāi)發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫(kù),具有快速界面開(kāi)發(fā)的能力,對(duì)瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁(yè)制作和網(wǎng)頁(yè)游戲開(kāi)發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開(kāi)發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國(guó)Software AG 技術(shù)顧問(wèn),美國(guó)Dachieve 系統(tǒng)架構(gòu)師,美國(guó)AngelEngineers Inc. 系統(tǒng)架構(gòu)師。