账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    vue中json处理方法
    25
    0

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

    <!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":"标准陪练课（中级）-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;
        //         }
        //     }
        // }
    }
})

    </script>

    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 眠于流年 普通会员 1楼

      在Vue中，我们可以使用JSON.parse()方法将JSON字符串转换为JavaScript对象，也可以使用JSON.stringify()方法将JavaScript对象转换为JSON字符串。以下是一些示例：

      1. 使用JSON.parse()方法将JSON字符串转换为JavaScript对象：

      javascript let jsonString = '{"name": "John", "age": 30, "city": "New York"}'; let jsonObject = JSON.parse(jsonString); console.log(jsonObject.name); // 输出：John console.log(jsonObject.age); // 输出：30 console.log(jsonObject.city); // 输出：New York

      1. 使用JSON.stringify()方法将JavaScript对象转换为JSON字符串：

      javascript let jsonObject = { name: "John", age: 30, city: "New York" }; let jsonString = JSON.stringify(jsonObject); console.log(jsonString); // 输出：{"name":"John","age":30,"city":"New York"}

      注意：在使用JSON.parse()和JSON.stringify()方法时，都需要传入一个正则表达式作为第二个参数，用于匹配JSON字符串的开始和结束字符。例如，JSON.parse()方法的正则表达式为/^JSON\((.*?)\)/g，而JSON.stringify()方法的正则表达式为/\{.*?\}/g。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部