Проблема с v-for в массиве объектов - PullRequest
0 голосов
/ 21 января 2019

Мне нужна помощь, потому что я не понимаю этого .. У меня есть эта модель Vue:

  new Vue ({
    el: '#tablaRU',
    data: {
        search: '',
        datos: datosDefinitivos,
        datosComputed: [], 
        ascending: false
    },
    computed: {
        filteredList(){         

            this.datosComputed = this.datos;
            if (this.search != ''){


                return this.datosComputed;
            }else{

                return this.datosComputed;
            }
            return this.datosComputed;
        }//filteredList

    }//computed
  }

datosDefinitivos выглядит так:

datosDefinitivos = { ['index1']= {Family ='Family1', 
                                   datosFamily = {[subFamily1] = 
                                       {subF =   "subF1", {table of numbers}},
                                       [subFamily2] =  {subF =   "subF2", {table of numbers}}, 'columnas' = {array of numbers}
                                       ......

                                       [subFamilyn] = ...} ,
             ['index2] = -- family2  data --}

И этот HTML для печати массиваdata:

 <div id="tablaRU" class="col s12" style="display: block;">
    <h5>Tabla RU'S</h5>     
    <ul v-for="fam in filteredList" class="collapsible popout">                                 
       <li class="li-hover" :id="'familiaRU_'+normalize(fam.Familia)">
          <div class="collapsible-header grey white-text active" :id="'familiaRU-'+normalize(fam.Familia)"><i class="mdi-file-folder-open"></i>{{fam.Familia}}</div>
            <div style="margin-left: 5px;" class="collapsible-body recent-activity">
                <ul v-for="sub in fam.datosFamilia" class="collapsible popout">
                    <li class="li-hover" :id="'subFamiliaRU_'+normalize(sub.Subfamilia)">
                        <div class="collapsible-header grey white-text active" :id="'subFamiliaRU-'+normalize(sub.Subfamilia)"><i class="mdi-file-folder-open"></i>{{sub.Subfamilia}}</div>
                        <div class="collapsible-body recent-activity">
                            <table class = "responsive-table striped">
                                <thead><tr><th v-for="(col,indexC) in sub.columnas" :key="indexC">{{col}}</th></tr></thead>
                                <tbody>
                                    <tr v-for="(valor,indexV) in sub.datosSubfamilia" :key="indexV">
                                        <td v-for="(row,indexR) in valor" :key="indexR">{{row}}</td>
                                </tr>
                            </tbody>

                        </table></div></li>

                    </ul>
                </div></li>
            </ul>
        </div><!--  de pintar tabla -->

Проблема в том, что если я рисую массив с числовыми индексами, он хорошо его рисует, но если я изменяю индекс для строки, это не так.Можете ли вы помочь мне?

Добавить: Я пытался с: v-for="(fam,index) in filteredList :key="index"), и он тоже не работает

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...