如何在前台显示后台返回的json数据中某个数据集合中的某项

1.后台json数据如下：
{“count”:21,“code”:0,“msg”:null,“data”:[{“que_id”:1,“sub_id”:2,“que_type_id”:0,“que_desc”:“66+66=?”,“right_ans”:“A”,“type_name”:“单选题”,“que_options”:[{“que_id”:1,“que_op”:“A”,“que_con”:“9”},{“que_id”:1,“que_op”:“B”,“que_con”:“8”},

要求显示出que_con

2.前台表单：

<th lay-data="{field:'que_options', width:280,templet:'#options'}">题目选项</th>   

field表示要遍历的集合，templet:’#options’ 和js的id绑定
3.前台js:

<script type="text/html" id="options">
    {{# layui.each(d.que_options, function(index, item){     }}
    <span class="layui-badge layui-bg-blue">{{ item.que_con}}</span>
    {{# });  }}
</script>

d.que_options中que_options 为要遍历的集合，item.que_con中que_con为集合中需要显示的数据项