vue v-for生成多个div,多个table，为什么不能对生成的table id进行操作

Question

 <div v-for="(cache, index) in cacheDetails" data-options="iconCls:'icon-save'" style="overflow:hidden;">

                            <table v-bind:id="index" style="height:100px">

                          

                            </table>

                        </div>

如上，生成10个table，每个table id为0~9，

for(var i = 0;i < 1;i++){

        var temp = '#'+ i+'';

        var data = ""+i;

        $("#"+i).treegrid({

            url:'../*/*/loadCache/'+data,

            // title:'用户号加商户号',

            // collapsible:true,

            method:'get',

            treeField:'name',

            dataType:'json',

            columns:[[

                {field:'name',title:'域（键）',width:'30%',sortable:true},

                {field:'value',title:'值（内容）',width:'70%',sortable:true}

            ]]

        })

测试结果，进不了后台取不了数据？？求解

Answer 1

关键是你的table要渲染到界面上后才能取到对象，如果你的&nbsp;$("#"+i)在渲染之前执行就不行了。