vue处理json数据的原理_vue中json处理方法-程序员宅基地

技术标签: vue处理json数据的原理  

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

{ {item.lesson_name}}

var app = new Vue({

el:"#myapp",

data:function(){

return{

json:[

{"type_name":"正课","lesson_name":"标准陪练课(中级)-90节","course_name":"标准陪练","lesson_no":"BZ-c2-3","lesson_num":90,"lesson_id":37,"xufei_buy_num":1,"level_name":"中级","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":"标准陪练课(中级)-120节","course_name":"标准陪练","lesson_no":"BZ-c2-4","lesson_num":120,"lesson_id":38,"xufei_buy_num":0,"level_name":"中级","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":"标准陪练课(中级)-200节","course_name":"标准陪练","lesson_no":"BZ-c2-5","lesson_num":200,"lesson_id":39,"xufei_buy_num":0,"level_name":"中级","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":"标准陪练课(高级)-30节","course_name":"标准陪练","lesson_no":"BZ-c3-1","lesson_num":30,"lesson_id":40,"xufei_buy_num":1,"level_name":"高级","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":"标准陪练课(高级)-60节","course_name":"标准陪练","lesson_no":"BZ-c3-2","lesson_num":60,"lesson_id":41,"xufei_buy_num":1,"level_name":"高级","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":"标准陪练课(高级)-90节","course_name":"标准陪练","lesson_no":"BZ-c3-3","lesson_num":90,"lesson_id":42,"xufei_buy_num":0,"level_name":"高级","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":"标准陪练课(高级)-120节","course_name":"标准陪练","lesson_no":"BZ-c3-4","lesson_num":120,"lesson_id":43,"xufei_buy_num":0,"level_name":"高级","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":"标准陪练课(高级)-200节","course_name":"标准陪练","lesson_no":"BZ-c3-5","lesson_num":200,"lesson_id":44,"xufei_buy_num":0,"level_name":"高级","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":"标准陪练-20节","course_name":"标准陪练","lesson_no":"BZ-c0-02","lesson_num":20,"lesson_id":64,"xufei_buy_num":0,"level_name":"全级别","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":"标准陪练-5节","course_name":"标准陪练","lesson_no":"BZ-c0-01","lesson_num":20,"lesson_id":63,"xufei_buy_num":0,"level_name":"全级别","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(){

//解开就报错

// for (let i = 0; i < this.json.length; i++) {

// console.log(i)

// for(let k in this.json[i]){

// if (this.json[i][k] == "标准陪练-5节") {

// delete this.json[i];

// break;

// }

// }

// }

}

})

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_36451983/article/details/112946469

智能推荐

android studio中关联SDK源码_android studio 如果关联其他sdk项目-程序员宅基地

文章浏览阅读2.1k次。每次当我们更新完SDK后,想看SDK源码时,打开的源文件经常是不带注释的.class文件,虽然SDK已更新,但Source资源经常没及时更新,此时我们可以先关联低版本的可用的Source源码资源,如何关联呢?首先一次找到这个目录:C:\Users\用户\.AndroidStudio2.3\config\options然后找到jdk.table.xml文件,这个文件可以进行关联源码配置 接下来我们_android studio 如果关联其他sdk项目

Linux部署幻兽帕鲁服务器,PalWorld开服联机教程,保姆级教程_是否开启神秘的unko事件-程序员宅基地

文章浏览阅读2.4k次,点赞14次,收藏37次。幻兽帕鲁》是一款游戏作品。它既有类似《宝可梦》的宠物,又有 FPS 战斗系统。在游戏中,玩家可以培养“帕鲁”,使其战斗、繁殖、耕种、制造,还可以出售帕鲁,甚至将其制作成食物。在广阔的世界中收集神奇的生物“帕鲁”,派他们进行战斗、建造、做农活,工业生产等,这是一款支持多人游戏模式的全新开放世界生存制作游戏。帕鲁可以进行战斗、繁殖、协助玩家做农活,也可以为玩家在工厂工作。玩家也可以将它们进行售卖,或肢解后食用。_是否开启神秘的unko事件

关于Linux Kernel Panic导致重启的简单分析步骤-程序员宅基地

文章浏览阅读468次。Kernel Panic_linux kernel panic

python教程:安装deepctr-torch_deepctr安装-程序员宅基地

文章浏览阅读3.9k次,点赞2次,收藏8次。文章目录安装deepctr-torch安装安装deepctr-torch安装描述:通过conda和pip安装前置步骤:将conda换源通过conda config --add channels "new channel"语句将conda国外的源换成清华源,主要的源如下:https://mirrors.tuna.tsinghua.edu.cn/anaconda/cloud/fastai/https://mirrors.tuna.tsinghua.edu.cn/anaconda/cloud_deepctr安装

2.4G SOC收发芯片XL2412P,适用于无线键鼠,遥控器等多种场景-程序员宅基地

文章浏览阅读203次,点赞3次,收藏2次。XL2412P芯片是-款高性能低功耗的SOC集成无线收发芯片,集成MO核MCU,工作在2.400~2.483GHz世界通用ISM频段。该芯片集成了射频接收器、射频发射器、频率综合器、GFSK 调制器、GFSK解调器等功能模块,并且支持一对多线网和带ACK的通信模式。容易过FCC等认证。嵌入了24Kbytes flash和3Kbytes SRAM存储器,最高工作频率24MHz。芯片集成多路12C、USART等通讯外设, 1路12bit ADC, 2个16bit定时器,以及2路比较器。电视和机顶盒遥控器;

树莓派4 将sd卡镜像拷贝到usb ssd后无法启动ubuntu_树莓派ubuntu的sd卡复制到另一张sd卡上-程序员宅基地

文章浏览阅读245次。主要问题在于kernel启动文件没有解压,和启动文件设置问题。解决办法参考https://jamesachambers.com/raspberry-pi-4-ubuntu-20-04-usb-mass-storage-boot-guide。_树莓派ubuntu的sd卡复制到另一张sd卡上

随便推点

【CV】图像的对比度归一化(Contrast Normalization)-程序员宅基地

文章浏览阅读1.3w次,点赞12次,收藏43次。以下来自, CNN神经网络层次分析 : 很好地总结了CNN 中的各层操作3)、局部对比度归一化层Local Contrast Normalization Layer-N:该模块主要进行的是局部做减和做除归一化,它会迫使在特征map中的相邻特征进行局部竞争,还会迫使在不同特征maps的同一空间位置的特征进行竞争。在一个给定的位置进行减法归一化操作,实际上就是该位置的值减去邻域各像素的加权..._对比度归一化

contains用法_c中contains的用法-程序员宅基地

文章浏览阅读1.9w次,点赞10次,收藏51次。contains用法contains用法string类型数据判断时,判断是否包含某个字符串。String a=“asdfg”;String b=“asd”;boolean c=b.contains(b);如果判断某一个list集合是否包含某一个对象时,判断的是引用的地址。..._c中contains的用法

android studio中NDK配置出现:NDK does not contain any platforms_ndk does not contain any platforms.-程序员宅基地

文章浏览阅读2.8w次,点赞11次,收藏35次。0 背景最近在整android studio的环境,再配置下载好NDK之后,打开Project Structure配置NDK的路径,结果配置好出现 “NDK does not contain any platforms”, 如下图所示在网上求助别人,给了一种解决办法,如下也就是我在要添加的NDK路径下面,新建立了一个空文件夹platforms便解决了这个问题但是接着往下编译出现ABIs [arm64-v8a] are not supported for platform...._ndk does not contain any platforms.

单机版简易考试系统开发过程讲解(C#注册机、用户注册、考试系统、有偿提供全部源码)_单机版题库开发思路-程序员宅基地

文章浏览阅读1.8k次。 前些日子有个朋友,找我做一个考试软件,浙江省驾驶员理论包考专用系统,总共也没几个页面需要做,但是他以前的数据库VFP的数据,题库里有几千条数据,若人工录入几乎比太可行,他把原来的软件,给我装好,还需要注册,给我演示功能,然后把需要改进的地方,都告诉我,我收了定金后就开始动手研究了。 本来,我说是收5000元的,但是我看对方也不是很有钱的样子,而且很诚恳的找我,我就主动优惠了100_单机版题库开发思路

效率太高! 批量装机用哪个? PXE高效批量网络装机_批量 mount 执行效率-程序员宅基地

文章浏览阅读482次,点赞2次,收藏3次。PXE高效批量网络装机一.PXE概述① PXE (Preboot eXcution Environment)② PXE批量部署的优点③ 服务端④ 客户端二.部署PXE远程安装服务搭建PXE远程安装服务器三.实现Kickstart 无人值守安装**1)准备安装应答文件****2).验证无人值守安装**举例(全部流程)实现Kickstart 无人值守安装总结一.PXE概述① PXE (Preboot eXcution Environment)• 预启动执行环境,在操作系统之前运行• 由Intel公司开发_批量 mount 执行效率

java fluent风格_设计流畅的API(Fluent API)-程序员宅基地

文章浏览阅读619次。流畅接口是由Martin Fowler和Eric Evans创造的,流畅API意味着你构建一个API需要遵循以下要点:1.API用户能够容易理解API2.API为完成一个任务能够执行一系列动作,比如Java中可以看成是一系列方法调用,方法链。3.每个方法名称应该是与业务领域相关的专门术语4.API应该能提示指导API用户下一步用什么,以及某个时刻用户可能采取的操作。假设你要设计一个业务域的API,..._java fluent