vue.js技术知识点之-将json里面的字符串转为json对象并循环输出

最新推荐文章于 2024-07-30 09:53:51 发布

fan_xiao0529

最新推荐文章于 2024-07-30 09:53:51 发布

阅读量1.1w

点赞数

本文链接：https://blog.csdn.net/fan_xiao0529/article/details/77891392

版权

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
       <script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
   </head>
   <body>
       <div id="app">
           <div>方法一：通过toJson方法将json里面的字符串转为json对象并循环输出</div>
           <div v-for="(items,vals,indexs) in toJson(ab)">
               <div v-for="(item,val,index) in items">
                   {{indexs}}{{index}}-{{item}}
               </div>
           </div>
           <div>方法二：通过filters过滤将json里面的字符串转为json对象并输出</div>
           <div>{{ab|desc}}</div>
       </div>
   </body>
</html>

<script type="text/javascript">
   new Vue({
       el: '#app',
       data: {
               ab: "{\"message\":{\"desc\":\"查询数据源失败！\",\"status\":\"111111\"},\"message1\":{\"desc\":\"查询数据源成功！\",\"status\":\"000000\"}}",
       },
       methods: {
           //字符串转为json格式
           toJson:function(str){
              _str =(new Function("","return "+str))();
                 console.log(_str);
              return _str;
           }
       },
       filters:{
           desc: function(value) {
               if(!value) return '';
               _value =(new Function("","return "+value))();
               console.log(_value);
               return _value.message.desc;
            }
       }

   });
</script>

fan_xiao0529

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
vue.js技术知识点之-将json里面的字符串转为json对象并循环输出

方法一：通过toJson方法将json里面的字符串转为json对象并循环输出 {{indexs}}{{index}}-{{item}} 方法二：通过filters过滤将json里面的字符串转为json对象
复制链接

扫一扫