vue中json处理方法

json后端给我的数据,现在要将 标准陪练-5节 这条数据不展示。我的想法第一想法是要么隐藏,要么处理json删除这条数据。我用delete,但是发现原json长度不变只是变空了,而且在v-for渲染的时候报错了

https://img3.mukewang.com/5c7a3c7900012ff515130905.jpg

潇潇雨雨
浏览 2048回答 2
2回答

幕布斯7119047

首先,不需要显示的数据你不调用不就行了么?this.json = this.json.filter(lesson => lesson.lesson_name !== '标准xxx');

隔江千里

我觉得你这个把它整麻烦了,完全没必要非要去操作数据,你不想要那条数据,就不让那一条显示就好,而且你可以把你现在created周期里的函数放到mouted里面试一下,看是不是你那个逻辑写错了。我的解决办法是(不用created里面删除数据,不显示那一条就行):<div id="myapp">&nbsp; &nbsp; //当根据数据循环创建时,若课程名称不等于不想显示的那一条数据才使其创建,否则不创建&nbsp; &nbsp; <div v-for="item in json" v-if="item.lesson_name != '标准陪练-5节'">&nbsp; &nbsp; &nbsp; &nbsp; <p>{{item.lesson_name}}</p>&nbsp; &nbsp; </div></div>
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript