请问怎么把wz_xx 列表渲染到页面

Page({
  data:{
    wz_xx:"",
    wz_list:""
  },
  onLoad: function(options){ 
    var that=this;
    console.log('options',options);
    // console.log(options.data);
    // console.log(options.data.data);
    console.log('输出wz_xx',options.wz_xx);
    console.log('输出wz_list',options.wz_list);
    console.log(JSON.parse(options.wz_xx).msg);
    wz_xx = JSON.parse(options.wz_xx).msg;
  }
})

<view>违章列表</view>
    <view class="card" >
    <view wx:for="{{options}}">
      <view>msg{{wz_xx}}</view>
    </view>
      <view>错误信息：{{wz_xx}}</view>
      <view>违章列表：{{wz_list}}</view>
</view>

Page({
  data:{
    wz_xx:"",
    wz_list:""
  },
  onLoad: function(options){ 
    var that=this;
    console.log('options',options);
    // console.log(options.data);
    // console.log(options.data.data);
    console.log('输出wz_xx',options.wz_xx);
    console.log('输出wz_list',options.wz_list);
    console.log(JSON.parse(options.wz_xx).msg);
    let wz_xx = JSON.parse(options.wz_xx).data;
    this.setData({
        wz_xx
    });
  }
})

<view>违章列表</view>
    <view class="card" >
    <view wx:for="{{wz_xx}}">
        <view>{{item.wzsj}}</view>
        <view>{{item.wzdd}}</view>
    </view>
    
</view>

定义一个对象把后台数据赋值上去，然后再用插值表达式渲染上去